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(); |