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

212 阅读 0 评论 140 点赞

我是靠谱客的博主机智过客，这篇文章主要介绍jQuery获取节点和子节点文本的方法，现在分享给大家，希望可以做个参考。

对于下面的html片段，

复制代码

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

获取节点纯文本：

复制代码

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

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

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

复制代码

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

获取某子节点的文本：

复制代码

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

以上就是机智过客最近收集整理的关于jQuery获取节点和子节点文本的方法的全部内容，更多相关jQuery获取节点和子节点文本内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。