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('<ul/>);
$.each(arr, function () {
    $('div ul').append('<li>' + this + '</li>');
});

Answer 3

Ну, отчасти проблема в том, что вы никогда не закрываете теги li, поэтому попробуйте

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

Для начала ...

Вы можете попробовать еще кое-что: аргумент функции может иметь подпись

function(data, i)

Где data - текущий элемент, а i - количество. У вас может быть больше успеха при доступе к каждому элементу таким образом. Хотя, если память не изменяет, «это» должно работать в таких случаях ...