jquery cada función y cola

Question

i tiene una matriz:

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

i quiero que sea:

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

Así que estoy tratando:

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

pero no parece trabajar ... ¿Cómo puedo Cola esto?

Answer 1

Tal vez usted quiere

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

Answer 2

Bueno, parte del problema es que nunca se cierran las etiquetas li a fin de tratar

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

Para empezar ...

Otra cosa que puede probar es el argumento de la función puede tener la firma

function(data, i)

Cuando los datos es el elemento actual y i es el recuento. Es posible que tenga más éxito acceder a cada elemento de esa manera. Aunque, si mal no recuerdo, "este" debe trabajar en esos casos ...

Answer 3

Prueba esto:

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