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


Posted in Javascript onJuly 22, 2014

对于下面的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();
Javascript 相关文章推荐
编辑浪子版表单验证类
May 12 Javascript
Javascript 类型转换方法
Oct 24 Javascript
Javascript函数的参数
Jul 16 Javascript
JS实现不使用图片仿Windows右键菜单效果代码
Oct 22 Javascript
谈一谈jQuery核心架构设计
Mar 28 Javascript
jQuery插件ajaxfileupload.js实现上传文件
Oct 23 Javascript
Bootstrap模态框(modal)垂直居中的实例代码
Aug 18 Javascript
微信小程序 出现错误:{&quot;baseresponse&quot;:{&quot;errcode&quot;:-80002,&quot;errmsg&quot;:&quot;&quot;}}解决办法
Feb 23 Javascript
jQuery.Form实现Ajax上传文件同时设置headers的方法
Jun 26 jQuery
css配合JavaScript实现tab标签切换效果
Oct 11 Javascript
Vue 实现从文件中获取文本信息的方法详解
Oct 16 Javascript
微信小程序将页面按钮悬浮固定在底部的实现代码
Oct 29 Javascript
jQuery打印图片pdf、txt示例代码
Jul 22 #Javascript
JavaScript匿名函数与委托使用示例
Jul 22 #Javascript
javascript中声明函数的方法及调用函数的返回值
Jul 22 #Javascript
js判断变量初始化的三种形式及推荐用的形式
Jul 22 #Javascript
网站接入QQ登录的两种方法
Jul 22 #Javascript
防止登录页面出现在frame中js代码
Jul 22 #Javascript
一个支付页面DEMO附截图
Jul 22 #Javascript
You might like
php header()函数使用说明
2008/07/10 PHP
PHP 执行系统外部命令 system() exec() passthru()
2009/08/11 PHP
PHP三元运算的2种写法代码实例
2014/05/12 PHP
深入理解PHP中的Streams工具
2015/07/03 PHP
万能的php分页类
2017/07/06 PHP
thinkPHP框架整合tcpdf插件操作示例
2018/08/07 PHP
动态的创建一个元素createElement及删除一个元素
2014/01/24 Javascript
jQuery中trigger()方法用法实例
2015/01/19 Javascript
浅谈jquery事件处理
2015/04/24 Javascript
Node.js中.pfx后缀文件的处理方法
2017/03/10 Javascript
Vue.js分页组件实现:diVuePagination的使用详解
2018/01/10 Javascript
jQuery.extend 与 jQuery.fn.extend的用法及区别实例分析
2018/07/25 jQuery
Vue使用watch监听一个对象中的属性的实现方法
2019/05/10 Javascript
微信小程序如何自定义table组件
2019/06/29 Javascript
Python使用ftplib实现简易FTP客户端的方法
2015/06/03 Python
python获取多线程及子线程的返回值
2017/11/15 Python
机器学习经典算法-logistic回归代码详解
2017/12/22 Python
Python3匿名函数用法示例
2018/07/25 Python
Django Rest framework三种分页方式详解
2019/07/26 Python
Python简易版图书管理系统
2019/08/12 Python
基于Python+Appium实现京东双十一自动领金币功能
2019/10/31 Python
Python图片处理模块PIL操作方法(pillow)
2020/04/07 Python
python如何获得list或numpy数组中最大元素对应的索引
2020/11/16 Python
css3弹性盒模型(Flexbox)详细介绍
2014/10/08 HTML / CSS
基于CSS3的animation属性实现微信拍一拍动画效果
2020/06/22 HTML / CSS
HTML5+CSS3应用详解
2014/02/24 HTML / CSS
加拿大当代时尚服饰、配饰和鞋类专业零售商和制造商:LE CHÂTEAU
2017/10/06 全球购物
澳大利亚相机之家:Camera House
2017/11/30 全球购物
新东网科技Java笔试题
2012/07/13 面试题
高级销售求职信
2014/02/21 职场文书
经济信息系毕业生自荐信
2014/06/02 职场文书
教师学期末个人总结
2015/02/13 职场文书
房产证明范本
2015/06/19 职场文书
教师继续教育反思周记
2015/06/25 职场文书
Mysql数据库中datetime、bigint、timestamp来表示时间选择,谁来存储时间效率最高
2021/08/23 MySQL
SQL Server中锁的用法
2022/05/20 SQL Server