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

2019/6/29 22:36:06

编程Tag： 节点子节点

本文主要是介绍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();

获取某子节点的文本：

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

这篇关于jQuery获取节点和子节点文本的方法的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！