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

Question

可能重复：
How do I select text nodes with jQuery?

我有以下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/