通过使用jQuery获取没有父元素的DOM元素的内容

时间:2010-11-06 01:26:30

标签: javascript jquery

以下是我想要做的一些简单示例:

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

我知道jQuery get()方法,但这也给了<li>元素。 .children().get()不起作用(至少在第一种情况下)。有没有一种简单的方法来实现(使用内置的jQuery方法)?

2 个答案:

答案 0 :(得分:4)

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

答案 1 :(得分:2)

要获取包含文本节点的节点的子节点,请使用contents()方法而不是children()