Obtenez le contenu de l'élément DOM sans parent en utilisant jQuery

Question

Voici quelques exemples simples ce que je suis en train de faire:

$("<li>Foo</li>") 
    => "Foo" 
$("<li><span>Foo</span></li>") 
    => <span>Foo</span> 
$('<li class="foo"><div>Foo</div><div>Bar</div></li>') 
    => <div>Foo</div><div>Bar</div> 

Je connais la méthode jQuery get(), mais cela me donne juste le <li> elments, aussi. Un .children().get() ne fonctionne pas (au moins dans le premier cas). Existe-t-il un moyen simple d'y parvenir (avec des méthodes jQuery intégrées)?

Answer 1

$("<li>Foo</li>").html() 
$("<li><span>Foo</span></li>").html() 
$('<li class="foo"><div>Foo</div><div>Bar</div></li>').html() 

Answer 2

Pour obtenir les enfants d'un nœud, y compris les nœuds de texte, utilisez la méthode contents() au lieu de children().