jquery获取xml节点值子节点 求教!急!

页面导航:
→ 正文内容 获取节点和子节点文本
jQuery获取节点和子节点文本的方法
本节主要介绍了jQuery如何获取节点和子节点文本,下面有个示例,大家可以参考下
对于下面的html片段,
&div id="text_test"&test text&a href="" 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();
您可能感兴趣的文章:
上一篇:下一篇:
最 近 更 新
热 点 排 行
12345678910投诉建议、广告投放、友情链接,联系QQ:
jquery获取父节点、子节点、兄弟节点方法
Loading...
120 次阅读
jquery获取父元素方法比较多,比如parent(),parents(),closest(),find,first-child这些都能帮你实现查找父节点、子节点、兄弟节点。 如我们利用parent()来获取父节点
$('#cur').parent().parent();
$('#cur').parent().parent('.pp');
$('#cur').parent('.pp');
closest和parents的主要区别是:
前者从当前元素开始匹配寻找,后者从父元素开始匹配寻找
前者逐级向上查找,直到发现匹配的元素后 就停止了,后者一直向上查找直到根元素,然后把这些元素放进一个临时集合中,再用给定的选择器表达式去过滤
前者返回0或1个元素,后者可能包含0 个,1个,或者多个元素
jquery 兄弟节点的获取
&h3 class=&title&&类目一&/h3&
&li&第一项&/li&
&li&第二项&/li&
&h3 class=&title&&类目二&/h3&
&li&第一项&/li&
&li&第二项&/li&
&/li&&/ul&
比如要点击类目一所在的 h3,对其兄弟节点的 ul 添加一个叫做 &show& 的 class,代码如下:
$(&.title&).click(function () { $(this).parent().find('ul').addClass('show'); });
就是通过先找到 h3 与 ul 共同的父节点 li 然后来用 find() 找到 ul,还有一种方法是使用 siblings() 函数,代码如下:
(&.title&).click(function() { $(this).siblings('ul').addClass('show'); })
子节点怎么获得 .
$(&#tbody1:first-child&)
:first-child
匹配第一个子元素
':first' 只匹配一个元素,而此选择符将为每个父元素匹配一个子元素
IT技术书籍推荐:
JavaScript高级程序设计(第3版)
泽卡斯 (Zakas. Nicholas C.) (作者), 李松峰 (译者), 曹力 (译者)
《JavaScript高级程序设计(第3版)》是JavaScript超级畅销书的最新版。ECMAScript 5和HTML5在标准之争中双双胜出,使大量专有实现和客户端扩展正式进入规范,同时也为JavaScript增添了很多适应未来发展的新特性。《JavaScript高级程序设计(第3版)》这一版除增加5章全新内容外,其他章节也有较大幅度的增补和修订,新内容篇幅约占三分之一。全书从JavaScript语言实现的各个组成部分——语言核心、DOM、BOM、事件模型讲起,深入浅出地探讨了面向对象编程、Ajax与Comet服务器端通信,HTML5表单、媒体、Canvas(包括WebGL)及Web Workers、地理定位、跨文档传递消息、客户端存储(包括IndexedDB)等新API,还介绍了离线应用和与维护、性能、部署相关的最佳开发实践。《JavaScript高级程序设计(第3版)》附录展望了未来的API和ECMAScript Harmony规范。
相关推荐:1、2、3、4、5、6、7、8、9、10、
随机关键词:
正在加载...◇本站云标签jQuery获取节点和子节点文本的方法-javascript编程
&&&&【提要】本篇《jQuery获取节点和子节点文本的方法-javascript编程》特别为需要方法编程学习的朋友收集整理的,仅供参考。内容如下:
&&&&对于下面的html片段,&&&&-------------------------------------&&&&&div id="text_test"&test text&a href="" 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获取所有子节点 的文章

 

随机推荐