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项链效果
Feb 13 Javascript
javascript分页代码(当前页码居中)
Sep 20 Javascript
js 跳出页面的frameset框架示例介绍
Dec 23 Javascript
我的Node.js学习之路(一)
Jul 06 Javascript
js使用递归解析xml
Dec 12 Javascript
实例讲解jquery与json的结合
Jan 07 Javascript
js浏览器html5表单验证
Oct 17 Javascript
vue-video-player 通过自定义按钮组件实现全屏切换效果【推荐】
Aug 29 Javascript
vue 解决移动端弹出键盘导致页面fixed布局错乱的问题
Nov 06 Javascript
基于JS判断对象是否是数组
Jan 10 Javascript
js实现省级联动(数据结构优化)
Jul 17 Javascript
element多个表单校验的实现
May 27 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 Memcached应用实现代码
2010/02/08 PHP
PHP 冒泡排序 二分查找 顺序查找 二维数组排序算法函数的详解
2013/06/25 PHP
PHP单例模式简单用法示例
2017/06/23 PHP
Laravle eloquent 多对多模型关联实例详解
2017/11/22 PHP
javascript css float属性的特殊写法
2008/11/13 Javascript
js AppendChild与insertBefore用法详细对比
2013/12/16 Javascript
实现音乐播放器的代码(html5+css3+jquery)
2015/08/04 Javascript
jQuery实现图片渐入渐出切换展示效果
2015/08/15 Javascript
javascript 判断两个日期之差的示例代码
2015/09/05 Javascript
js实现旋转木马效果
2017/03/17 Javascript
微信小程序之GET请求的实例详解
2017/09/29 Javascript
详解给Vue2路由导航钩子和axios拦截器做个封装
2018/04/10 Javascript
r.js来合并压缩css文件的示例
2018/04/26 Javascript
原生JavaScript创建不可变对象的方法简单示例
2020/05/07 Javascript
element-plus一个vue3.xUI框架(element-ui的3.x 版初体验)
2020/12/02 Vue.js
js数组的基本使用总结
2021/01/18 Javascript
python登陆asp网站页面的实现代码
2015/01/14 Python
Python获取运行目录与当前脚本目录的方法
2015/06/01 Python
python爬虫之线程池和进程池功能与用法详解
2018/08/02 Python
PyCharm代码回滚,恢复历史版本的解决方法
2018/10/22 Python
python3 实现对图片进行局部切割的方法
2018/12/05 Python
python读取txt文件中特定位置字符的方法
2018/12/24 Python
Python参数解析模块sys、getopt、argparse使用与对比分析
2019/04/02 Python
Django  ORM 练习题及答案
2019/07/19 Python
详解pycharm连接远程linux服务器的虚拟环境的方法
2020/11/13 Python
Expedia马来西亚旅游网站:廉价酒店,度假村和航班预订
2016/07/26 全球购物
家长寄语大全
2014/04/02 职场文书
法人授权委托书公证范本
2014/09/14 职场文书
乡镇干部党的群众路线教育实践活动个人对照检查材料
2014/09/24 职场文书
退学证明范本3篇
2014/10/29 职场文书
2014年档案室工作总结
2014/12/01 职场文书
企业开业庆典答谢词
2015/01/20 职场文书
死亡赔偿协议书
2015/01/28 职场文书
庆七一主持词
2015/06/29 职场文书
公司会议开幕词
2016/03/03 职场文书
如何优化vue打包文件过大
2022/04/13 Vue.js