如何使用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]