Pourquoi cela ne fonctionne que dans Firefox?

Question

J'ai créé un indépendant par exemple pour savoir pourquoi ce ne fonctionne que dans Firefox:

var ul = jQuery('<ul></ul>'); 

jQuery(selector).children().each(function() { 
    var li = jQuery('<li></li>'); 
    var label = '<label for="' + this.id + '">' + this.name + '</label>'; 
    li.append(label); 
    li.append(this); 
    ul.append(li); 
}); 

Tout navigateur webkit ou même IE échoue sur cette ligne:

li.append(this); 

c'est un HTMLInputElement. Des idées?

Merci, Pete

Answer 1

Le problème est que "this" est un noeud DOM déjà situé à un endroit. Vous ne pouvez pas déplacer les nœuds DOM qui se trouvent déjà quelque part sans les avoir d'abord supprimés ou copiés.

Si vous voulez:

• déplacer, vous devez faire

  li.append ($ (this) .remove())

• copie, vous » ll ne

  li.append ($ (this) .clone (true))

En fait, je suis assez perplexe, que cela devrait fonctionner en FF. Si c'est le cas, c'est un bug FF.

Cheers,

Answer 2

Peut-être un problème avec l'élément que vous essayez de sélectionner les enfants de, ou un problème avec la version de jQuery que vous utilisez. J'utilise 1.3.2 et en utilisant votre code (copie & collé) Je peux exécuter avec succès dans FF 3, IE 8, et Chrome.