jQuery获取节点和子节点文本的方法

时间:2020-05-13 人气:0

对于下面的html片段，

<div id="text_test">test text<a href="techbrood.com" rel="external nofollow" >techbrood co.</a></div>

获取节点纯文本：

var text = $('#text_test').text()

这个会得到“test text techbrood co.”，也就是会把当前元素的所有节点（包含子节点）的文本读取出来。

如果只想获取主节点的文本，方法复杂点：

var text = $("#text_test").contents().filter(function() {
return this.nodeType === 3;
}).text();

获取某子节点的文本：

var text = $("#text_test > a").first().contents().filter(function() {
return this.nodeType === 3;
}).text();

加载全部内容