Comment je peux ajouter des objets en utilisant appendTo mais pas en jQuery?

Question

Comment venir cela fonctionne:

var items = []; 
$.each([1,2,3,4], function() { 
    items.push($('<li />').html('test' + this)); 
}); 
// clearing/appending as two seperate calls 
$('ul').empty(); 
$(items).appendTo('ul'); 

mais cela ne fonctionne pas?

var items = []; 
$.each([1,2,3,4], function() { 
    items.push($('<li />').html('test' + this)); 
}); 
// clearing/appending in one fluent call 
$('ul').empty().append($(items)); 

De cette façon, jette l'erreur suivante:

No such interface supported.

Answer 1

Je crois qu'il est dû à la mise en œuvre. Si vous regardez la façon dont AppendTo est écrit, il prend essentiellement chaque élément dans le tableau items et exécute un $ ("ul"). Append (items [i]). Append semble ne pas fonctionner sur les tableaux. Vous remarquerez que même sans le vide, votre ligne ne fonctionnera toujours pas. Je ne comprends pas complètement les fonctionnements de append, mais je crois que ce qui se passe est la fonction chomps à travers tous les arguments séquentiellement, mais ne tente jamais de casser les éléments hors d'un tableau. Donc, ce qui se passe, c'est qu'il tente d'ajouter un tableau à un élément et échoue. Ironiquement, cela fonctionnerait: $ ("ul"). Empty(). Append (items [0], items [1], items [2], items [3]);

Quoi qu'il en soit, vous auriez à faire quelque chose comme ça pour accomplir ce que vous semblez viser à faire:

$("ul").empty(); $(items).each(function(e, elem) {$('ul').append(elem);})

Answer 2

si vous changez votre 2ème exemple dernière ligne de ce

$('ul').empty().append(items);