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 29 Javascript
JQuery上传插件Uploadify使用详解及错误处理
Apr 27 Javascript
兼容ie、firefox的图片自动缩放的css跟js代码分享
Aug 12 Javascript
javascript firefox 自动加载iframe 自动调整高宽示例
Aug 27 Javascript
常用的JavaScript验证正则表达式汇总
Nov 26 Javascript
解决html按钮切换绑定不同函数后点击时执行多次函数问题
May 14 Javascript
Node.js抓取中文网页乱码问题和解决方法
Feb 10 Javascript
基于jquery实现智能提示控件intellSeach.js
Mar 17 Javascript
Three.js基础部分学习
Jan 08 Javascript
angularjs实现简单的购物车功能
Sep 21 Javascript
解决vue中修改了数据但视图无法更新的情况
Aug 27 Javascript
layui实现多图片上传并限制上传的图片数量
Sep 26 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&amp;&amp;mysql)四
2006/10/09 PHP
php存储过程调用实例代码
2013/02/03 PHP
深入解析PHP 5.3.x 的strtotime() 时区设定 警告信息修复
2013/08/05 PHP
浅析ThinkPHP的模板输出功能
2014/07/01 PHP
php截取字符串函数分享
2015/02/02 PHP
PHP封装的数据库保存session功能类
2016/07/11 PHP
thinkPHP的表达式查询用法详解
2016/09/14 PHP
PHP封装mysqli基于面向对象的mysql数据库操作类与用法示例
2019/02/25 PHP
php-fpm重启导致的程序执行中断问题详解
2019/04/29 PHP
扩展easyui.datagrid,添加数据loading遮罩效果代码
2010/11/02 Javascript
菜鸟javascript基础整理1
2010/12/06 Javascript
Javascript学习笔记二 之 变量
2010/12/15 Javascript
JavaScript里实用的原生API汇总
2015/05/14 Javascript
深入浅析JavaScript字符串操作方法 slice、substr、substring及其IE兼容性
2015/12/16 Javascript
jQuery Easyui实现左右布局
2016/01/26 Javascript
JS组件Bootstrap Table布局详解
2016/05/27 Javascript
javascript 小数乘法结果错误的处理方法
2016/07/28 Javascript
jQuery中 bind的用法简单介绍
2017/02/13 Javascript
利用Javascript裁剪图片并存储的简单实现
2017/03/13 Javascript
vue2.0组件之间传值、通信的多种方式(干货)
2018/02/10 Javascript
Node.js实现用户评论社区功能(体验前后端开发的乐趣)
2019/05/09 Javascript
浅谈使用nodejs搭建web服务器的过程
2020/07/20 NodeJs
详解Vite的新体验
2021/02/22 Javascript
用Python的Django框架来制作一个RSS阅读器
2015/07/22 Python
Python多层装饰器用法实例分析
2018/02/09 Python
详解Django解决ajax跨域访问问题
2018/08/24 Python
在cmder下安装ipython以及环境的搭建
2018/10/19 Python
查看端口并杀进程python脚本代码
2019/12/17 Python
详解python环境安装selenium和手动下载安装selenium的方法
2020/03/17 Python
Python导入模块包原理及相关注意事项
2020/03/25 Python
python 装饰器重要在哪
2021/02/14 Python
外贸业务员求职自荐信分享
2013/09/21 职场文书
2014年学生会部门工作总结
2014/11/07 职场文书
酒店前台辞职书
2015/02/26 职场文书
2019中小学生安全过暑期倡议书
2019/06/24 职场文书
python实现自动化群控的步骤
2021/04/11 Python