jQueryeach不会对对象中的每个元素执行html

Question

代码如下:

var object = [
  {'item1': 'value1a', 'item2':'value2a', 'item3':'value3a'},
  {'item1': 'value1b', 'item2':'value2b', 'item3':'value3b'},
];


$.each(object, function(key,value) { 
  $('.my-div').html('<li>'+ value.item1 + '</li>');
});

这仅输出一个 <li>value1b</li> 。由于某种原因，跳过除最后一次迭代之外的所有迭代。

想法？

Answer 1

它会覆盖您的所有 HTML，而不是附加它。

改变

$('.my-div').html('<li>'+ value.item1 + '</li>');

至

$('.my-div').append('<li>'+ value.item1 + '</li>');

工作演示:http://jsfiddle.net/AlienWebguy/hpLa6/1/