如何使用jQuery在DOM中选择文本节点？

Question

我有以下HTML：

<div id="main">17.00<span>%</span></div>

我想选择17.00部分但是当我使用$('#id:first-child').html();时它无法正常工作。我该如何选择它？

Answer 1

jQuery没有为文本节点直接工作提供太多帮助，所以你可以这样做：

$('#main')[0].firstChild

[0]从jQuery对象获取第一个DOM元素，并使用本机firstChild属性获取文本节点。

要获取节点的文本内容，请添加.data或.nodeValue。

$('#main')[0].firstChild.data;      // 17.00
$('#main')[0].firstChild.nodeValue; // 17.00

---

另一种方式是......

$('#main')[0].childNodes[0]

Answer 2

jQuery对文本节点没有多大帮助。您可以使用此javascript获取“17.00”文字：

var text = document.getElementById("main").firstChild.nodeValue;

如果你真的想使用jQuery（虽然没有理由我知道），你可以这样做：

var text = $("#main").get(0).firstChild.nodeValue;

您可以在此处查看：http://jsfiddle.net/jfriend00/EAwCB/