jquery - 如何使用 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 元素，并使用 native firstChild 属性获取文本节点。

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

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

<小时/>

另一种方法是...

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