Javascript 使用jQuery获取没有父元素的DOM元素的内容_Javascript_Jquery

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

javascript jquery

Javascript 使用jQuery获取没有父元素的DOM元素的内容,javascript,jquery,Javascript,Jquery,下面是一些我正在尝试做的简单示例： $("<li>Foo</li>") => "Foo" $("<li><span>Foo</span></li>") => <span>Foo</span> $('<li class="foo"><div>Foo</div><div>Bar</div></li>')

下面是一些我正在尝试做的简单示例：

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

$（“Foo”）
=>“Foo”
$（“Foo”）
=>Foo
$（“FooBar”）
=>FooBar

我知道jQuery

get（）

方法，但这也给了我

元素。

.children（）.get（）

不起作用（至少在第一种情况下）。有没有一种简单的方法可以实现这一点（使用内置jQuery方法）？

$（“Foo”）html（）
$（“Foo”）html（）
$（'li class=“foo”>FooBar）.html（）

要获取包含文本节点的节点的子节点，请使用

contents（）

方法，而不是

children（）

+1-我认为这是OP正在寻找的通用解决方案。即使它现在与html（）方法一起工作，我仍然会问自己contents（）到底是如何工作的。我以前也尝试过这种方法，但是当我执行$（'

Foo

'）.contents（）.get（）时，我仍然没有得到示例的结果。

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