jQuery获取节点和子节点文本的方法
更新时间：2014年07月22日 17:27:35 投稿：whsnow
本节主要介绍了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的AJAX功能和asp.net来实现省市区的三级联动效果，其他二级、三级或多级联动也可以按照此方法完成，由此需求的朋友可以参考下哈，希望可以帮助到你2013-04-04
这篇文章主要介绍了jQuery $.extend()用法,需要的朋友可以参考下2014-06-06
这篇文章主要介绍了jquery form 加载数据的具体实现,需要的朋友可以参考下2014-04-04
uploadify ，简单实用的flash上传组件，兼容性良好。 现已有html5版本2012-06-06
这篇文章主要介绍了jQuery+ajax实现文章点赞功能的方法,涉及jQuery基于ajax无刷新post提交实现点赞功能的具体步骤与相关技巧,需要的朋友可以参考下2015-12-12
使用jQuery Mobile框架开发移动端Web App的入门教程
jQuery Mobile是移动端的基于jQuery的Web前端开发框架,移动设备上的浏览器对HTML5的支持普遍较强,因而jQuery Mobile的UI设计主要针对HTML5,下面就来详细看一下使用jQuery Mobile框架开发移动端Web App的入门教程2016-05-05
对于我来说，标准的HTML元素（Select）已经让我感到讨厌。它不能够正常的在IE浏览器上显示。还有一点就是他并不仅仅包含简单的文本。本实例将完全摒弃select元素，通过JQuery和CSS来构建DropDown元素。2015-05-05
jQuery选中select控件 无法设置selected的解决方法
select 控件的 option用jQuery动态添加，然后选中某项时，IE6不能执行（火狐没问题），用try{}catch(err){alert(err.description);}提示为“无法设置selected属性 未指明的错误”2010-09-09
这篇文章主要为大家详细介绍了jQuery基本筛选选择器实例代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-02-02
这篇文章主要介绍了jQuery中find()方法用法,实例分析了find()方法的功能、定义及获取匹配元素后代元素的使用技巧,需要的朋友可以参考下2015-01-01
最新评论