jQuery如何获取节点与子节点文本?

发布时间:2020-12-01编辑:脚本学堂
本文介绍了jQuery获取节点和子节点文本的方法,获取节点的纯文本,包括主节点与子节点文本内容的获取,需要的朋友参考下。

jquery如何获取节点与子节点文本?

对于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(); // www.jb200.com

获取某子节点的文本:
 

复制代码 代码示例:
var text = $("#text_test > a").first().contents().filter(function() {
return this.nodeType === 3;
}).text();