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 相关文章推荐
window.onload和$(function(){})的区别介绍
Oct 30 Javascript
javascript实现验证IP地址等相关信息代码
May 10 Javascript
js+css实现回到顶部按钮(back to top)
Mar 02 Javascript
全面解析Bootstrap表单样式的使用
Sep 09 Javascript
jQuery中delegate()方法的用法详解
Oct 13 Javascript
基于vue2.0+vuex的日期选择组件功能实现
Mar 13 Javascript
JavaScript实现弹出广告功能
Mar 30 Javascript
使用mock.js随机数据和使用express输出json接口的实现方法
Jan 07 Javascript
webpack 插件html-webpack-plugin的具体使用
Apr 09 Javascript
vue页面引入three.js实现3d动画场景操作
Aug 10 Javascript
javascript实现用户必须勾选协议实例讲解
Mar 24 Javascript
TypeScript中条件类型精读与实践记录
Oct 05 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 Smarty模板生成html文档的方法
2010/04/12 PHP
phpmailer发送gmail邮件实例详解
2013/06/24 PHP
thinkphp模板输出技巧汇总
2014/11/24 PHP
php静态文件返回304技巧分享
2015/01/06 PHP
可以支持多中格式的JS键盘
2007/05/02 Javascript
JavaScript 解析读取XML文档 实例代码
2009/07/07 Javascript
js url传值中文乱码之解决之道
2009/11/20 Javascript
常用的JavaScript验证正则表达式汇总
2013/11/26 Javascript
jquery中animate的stop()方法作用实例分析
2015/01/30 Javascript
JQuery中Bind()事件用法分析
2015/05/05 Javascript
JavaScript数组对象赋值用法实例
2015/08/04 Javascript
纯js代码实现简单计算器
2015/12/02 Javascript
jQuery实现漂亮实用的商品图片tips提示框效果(无图片箭头+阴影)
2016/04/16 Javascript
jQuery遍历DOM的父级元素、子级元素和同级元素的方法总结
2016/07/07 Javascript
jquery hover 不停闪动问题的解决方法(亦为stop()的使用)
2017/02/10 Javascript
html5+canvas实现支持触屏的签名插件教程
2017/05/08 Javascript
ES6 javascript中class静态方法、属性与实例属性用法示例
2017/10/30 Javascript
JS脚本实现网页自动秒杀点击
2018/01/11 Javascript
ES6 系列之 Generator 的自动执行的方法示例
2018/10/19 Javascript
vue刷新页面时去闪烁提升用户体验效果的实现方法
2018/12/10 Javascript
javascript设计模式 ? 抽象工厂模式原理与应用实例分析
2020/04/09 Javascript
详解如何在Javascript中使用Object.freeze()
2020/10/18 Javascript
python脚本实现统计日志文件中的ip访问次数代码分享
2014/08/06 Python
python使用arcpy.mapping模块批量出图
2017/03/06 Python
Python中Threading用法详解
2017/12/27 Python
python中使用 xlwt 操作excel的常见方法与问题
2019/01/13 Python
从numpy数组中取出满足条件的元素示例
2019/11/26 Python
Django-imagekit的使用详解
2020/07/06 Python
Currentbody西班牙:美容仪专家
2019/09/28 全球购物
Happy Socks英国官网:购买五颜六色的袜子
2020/11/03 全球购物
Java面试题:请问一下代码输出是什么
2015/05/27 面试题
幼儿教师思想汇报
2014/01/10 职场文书
《生命 生命》教学反思
2014/04/19 职场文书
爱心捐助倡议书
2014/05/19 职场文书
2014年党员创先争优承诺书
2014/05/29 职场文书
研修心得体会
2014/09/04 职场文书