Получить содержание DOM элемента без родителя с помощью JQuery

Question

Вот некоторые простые примеры того, что я пытаюсь сделать:

$("<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> 

Я знаю о get() метода JQuery, но это только дает мне <li> элементов, входящих, слишком. A .children().get() не работает (по крайней мере, в первом случае). Есть ли простой способ достичь этого (со встроенными методами jQuery)?

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

Чтобы получить ребенок узла, включая текстовые узлы, использовать contents() метод вместо children().