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拖拽上传 [一个拖拽上传修改头像的流程]
Jul 13 Javascript
使用jquery实现图文切换效果另加特效
Jan 20 Javascript
Jquery带搜索框的下拉菜单
May 06 Javascript
JS去掉第一个字符和最后一个字符的实现代码
Feb 20 Javascript
jquery实现简单手风琴菜单效果实例
Jun 13 Javascript
Bootstrap基本组件学习笔记之下拉菜单(7)
Dec 07 Javascript
深入理解Commonjs规范及Node模块实现
May 17 Javascript
Node.js 使用request模块下载文件的实例
Sep 05 Javascript
微信小程序在地图选择地址并返回经纬度简单示例
Dec 03 Javascript
Vue函数式组件-你值得拥有
May 09 Javascript
vue中watch和computed为什么能监听到数据的改变以及不同之处
Dec 27 Javascript
前端监听websocket消息并实时弹出(实例代码)
Nov 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
使用无限生命期Session的方法
2006/10/09 PHP
PHP性能优化准备篇图解PEAR安装
2011/12/05 PHP
MongoDB在PHP中的常用操作小结
2014/02/20 PHP
php通过Chianz.com获取IP地址与地区的方法
2015/01/14 PHP
PHP封装的HttpClient类用法实例
2015/06/17 PHP
PHP函数实现从一个文本字符串中提取关键字的方法
2015/07/01 PHP
举例详解PHP脚本的测试方法
2015/08/05 PHP
PHP将身份证正反面两张照片合成一张图片的代码
2017/04/08 PHP
JavaScript将相对地址转换为绝对地址示例代码
2013/07/19 Javascript
html+js实现动态显示本地时间
2013/09/21 Javascript
使用JS取得焦点(focus)元素代码
2014/03/22 Javascript
javascript解析json数据的3种方式
2014/05/08 Javascript
js面向对象编程之如何实现方法重载
2014/07/02 Javascript
JS 日期与时间戮相互转化的简单实例
2016/06/22 Javascript
JavaScript  event对象整理及详细介绍
2016/10/10 Javascript
Javascript将字符串日期格式化为yyyy-mm-dd的方法
2016/10/27 Javascript
使用JS代码实现点击按钮下载文件
2016/11/12 Javascript
JS正则子匹配实例分析
2016/12/22 Javascript
Vue的状态管理vuex使用方法详解
2020/02/05 Javascript
如何通过Proxy实现JSBridge模块化封装
2020/10/22 Javascript
[00:32]DOTA2上海特级锦标赛 Ehome战队宣传片
2016/03/03 DOTA
Python使用三种方法实现PCA算法
2017/12/12 Python
python机器学习案例教程——K最近邻算法的实现
2017/12/28 Python
Python爬虫实现抓取京东店铺信息及下载图片功能示例
2018/08/07 Python
win10 64bit下python NLTK安装教程
2018/09/19 Python
Python面向对象之类和对象实例详解
2018/12/10 Python
python数组循环处理方法
2019/08/26 Python
Python数学形态学实例分析
2019/09/06 Python
Python 实现判断图片格式并转换,将转换的图像存到生成的文件夹中
2020/01/13 Python
Python APScheduler执行使用方法详解
2020/12/10 Python
教师旷工检讨书
2014/01/18 职场文书
护理专业学生职业生涯规划范文
2014/03/11 职场文书
应届毕业生求职信范文
2014/05/08 职场文书
公司募捐倡议书
2014/05/14 职场文书
优秀学生干部个人事迹材料
2014/06/02 职场文书
投标承诺函格式
2015/01/21 职场文书