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

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

猜你喜欢

转载自www.cnblogs.com/snowhite/p/10032660.html