迭代jQuery对象

Question

I am attempting to iterate and output the values of the choices property using jquery each( ). My code seems to output the array index and not the string values. why is this? Here is my jsfiddle

  var allQuestions = [
  {
    question: "Who is Prime Minister of the United Kingdom?", 
    choices: ["David Cameron", "Gordon Brown", "Winston Churchill", "Tony Blair"], 
    correctAnswer:0
  }];


 $(info[0].choices).each(function(value){
    $('#answers').append($('<li>').text(value));
});

Answer 1

You have confused

$(selector).each()

http://api.jquery.com/each/

with

$.each(array, callback)

http://api.jquery.com/jquery.each/

You want to use the second form for iterating over arrays.

Answer 2

You are passing the index instead of the value:

var allQuestions = [{
    question: "Who is Prime Minister of the United Kingdom?", 
    choices: ["David Cameron", "Gordon Brown", "Winston Churchill", "Tony Blair"], 
    correctAnswer:0
}];


$(info[0].choices).each(function(index, value){
    $('#answers').append($('<li>').text(value));
});

Here's an example fiddle: http://jsfiddle.net/436Lcvc4/

Answer 3

try this one

 $(info[0].choices).each(function(value){
    $('#answers').append($('<li>').text(this));

Answer 4

The $.each callback takes two arguments index and value . Add value as the second argument and use that argument instead.