jquery的每个功能和队列

Question

我有一个数组：

arr = ['a', 'b', 'c', ... ]

我希望它是：

 <div>
  <ul>
    <li>a
    <li>b
    <li>c
    ...
  </ul>
 </div>

所以我想：

$('div').append('<ul>');
$.each(arr, function () {
    $('div').append('<li>' + this);
});
$('div').append('</ul>');

但似乎并没有工作...我怎么可以排队呢？

Answer 1

也许你想

$('div').append('<ul></ul>');
$.each(arr, function () {
    $('ul').append('<li>' + this);
});

Answer 2

那么，问题的一部分是，你永远关闭李标记，以便尝试

$('div').append('<li>' + this + '</li>');

对于初学者...

别的东西，你可以尝试是函数参数可以有签名

function(data, i)

其中数据是当前元素和i是计数。你可能有更多的成功访问每个元素的方式。虽然，如果没有记错，“这”应该在这些情况下，工作...

Answer 3

尝试这种情况：

$('div').append('<ul/>);
$.each(arr, function () {
    $('div ul').append('<li>' + this + '</li>');
});