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 相关文章推荐
js内置对象 学习笔记
Aug 01 Javascript
jquery中获得元素尺寸和坐标的方法整理
May 18 Javascript
给应用部分的js代码设定一个统一的入口
Jun 15 Javascript
jquery插件qrcode在线生成二维码
Apr 26 Javascript
使用javascript将时间转换成今天,昨天,前天等格式
Jun 25 Javascript
JavaScript中的子窗口与父窗口的互相调用问题
Feb 08 Javascript
基于JS实现移动端向左滑动出现删除按钮功能
Feb 22 Javascript
使用Angular CLI生成 Angular 5项目教程详解
Mar 18 Javascript
Vue Cli 3项目使用融云IM实现聊天功能的方法
Apr 19 Javascript
Vue.js中的组件系统
May 30 Javascript
VUE兄弟组件传值操作实例分析
Oct 26 Javascript
springboot+VUE实现登录注册
May 27 Vue.js
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实现根据浏览器跳转不同语言页面代码
2013/08/02 PHP
php取得字符串首字母的方法
2015/03/25 PHP
实例讲解PHP页面静态化
2018/02/05 PHP
Yii 框架使用数据库(databases)的方法示例
2020/05/19 PHP
基于jquery实现的类似百度搜索的输入框自动完成功能
2011/08/23 Javascript
在Ubuntu上安装最新版本的Node.js
2014/07/14 Javascript
JS获取当前网页大小以及屏幕分辨率等
2014/09/05 Javascript
js 通过cookie实现刷新不变化树形菜单
2014/10/30 Javascript
jquery实现用户打分评分特效
2015/05/28 Javascript
JS实现带鼠标效果的头像及文章列表代码
2015/09/27 Javascript
一个php+js实时显示时间问题
2015/10/12 Javascript
Jquery中request和request.form和request.querystring的区别
2015/11/26 Javascript
基于jquery animate操作css样式属性小结
2015/11/27 Javascript
Javascript基于对象三大特性(封装性、继承性、多态性)
2016/01/04 Javascript
JavaScript模拟push
2016/03/06 Javascript
BootStrap学习系列之Bootstrap Typeahead 组件实现百度下拉效果(续)
2016/07/07 Javascript
Angularjs实现带查找筛选功能的select下拉框示例代码
2016/10/04 Javascript
修改ligerui 默认确认按钮的方法
2016/12/27 Javascript
Javascript基础回顾之(二) js作用域
2017/01/31 Javascript
jQuery用户头像裁剪插件cropbox.js使用详解
2017/06/07 jQuery
jquery dataTable 后台加载数据并分页实例代码
2017/06/07 jQuery
vue2.0 父组件给子组件传递数据的方法
2018/01/15 Javascript
ES6与CommonJS中的模块处理的区别
2018/06/13 Javascript
[01:45]绝对公平!DOTA2队长征召模式详解
2014/04/25 DOTA
Python常用内置模块之xml模块(详解)
2017/05/23 Python
Python使用smtp和pop简单收发邮件完整实例
2018/01/09 Python
python快速建立超简单的web服务器的实现方法
2018/02/17 Python
Python中使用遍历在列表中添加字典遇到的坑
2019/02/27 Python
Python3.5 Pandas模块缺失值处理和层次索引实例详解
2019/04/23 Python
增大python字体的方法步骤
2020/07/05 Python
AHAVA美国官方网站:死海海泥护肤品牌
2016/10/18 全球购物
交通事故委托书范本精选
2014/10/04 职场文书
2014年园林绿化工作总结
2014/12/11 职场文书
十岁生日答谢词
2015/01/05 职场文书
仅用一句SQL更新整张表的涨跌幅、涨跌率的解决方案
2021/05/06 MySQL
Python Matplotlib库实现画局部图
2021/11/17 Python