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

好吧，问题的一部分是你从不关闭li标签，所以试试

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

首先......

您可以尝试的其他功能是函数参数可以具有签名

function(data, i)

数据是当前元素，i是计数。您可能更成功地以这种方式访问​​每个元素。虽然，如果记忆服务，“这个”应该在那些情况下起作用......

Answer 3

试试这个：

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