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 相关文章推荐
input+select(multiple) 实现下拉框输入值
May 21 Javascript
javascript与CSS复习(三)
Jun 29 Javascript
Node.js生成HttpStatusCode辅助类发布到npm
Apr 09 Javascript
javascript中的delete使用详解
Apr 11 Javascript
JavaScript中的return语句简单介绍
Dec 07 Javascript
JS脚本实现动态给标签控件添加事件的方法
Jun 02 Javascript
Javascript中apply、call、bind的巧妙使用
Aug 18 Javascript
JS 获取HTML标签内的子节点的方法
Sep 21 Javascript
node全局变量__dirname与__filename的区别
Jan 14 Javascript
webpack结合express实现自动刷新的方法
May 07 Javascript
vue中axios防止多次触发终止多次请求的示例代码(防抖)
Feb 16 Javascript
Vue实现图书管理案例
Jan 20 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 杂谈《重构-改善既有代码的设计》之四 简化条件表达式
2012/04/09 PHP
PHP实现清除wordpress里恶意代码
2015/10/21 PHP
php自定义函数br2nl实现将html中br换行符转换为文本输入中换行符的方法【与函数nl2br功能相反】
2017/02/17 PHP
javascript globalStorage类代码
2009/06/04 Javascript
jQuery EasyUI API 中文文档 - Draggable 可拖拽
2011/09/29 Javascript
Javascript Boolean、Nnumber、String 强制类型转换的区别详细介绍
2012/12/13 Javascript
一道关于JavaScript变量作用域的面试题
2016/03/08 Javascript
JQuery EasyUI Layout 在from布局自适应窗口大小的实现方法
2016/05/28 Javascript
利用纯Vue.js构建Bootstrap组件
2016/11/03 Javascript
jQuery实现的仿百度,仿谷歌搜索下拉框效果示例
2016/12/30 Javascript
HTML5+Canvas调用手机拍照功能实现图片上传(上)
2017/04/21 Javascript
vue 组件中slot插口的具体用法
2018/04/03 Javascript
Angular刷新当前页面的实现方法
2018/11/21 Javascript
jQuery实现侧边栏隐藏与显示的方法详解
2018/12/22 jQuery
node.js使用express框架进行文件上传详解
2019/03/03 Javascript
JS实现简单tab选项卡切换
2019/10/25 Javascript
js实现时分秒倒计时
2019/12/03 Javascript
js实现简单的点名器随机色实例代码
2020/09/20 Javascript
为什么从Python 3.6开始字典有序并效率更高
2019/07/15 Python
Django vue前后端分离整合过程解析
2020/11/20 Python
使用豆瓣源来安装python中的第三方库方法
2021/01/26 Python
CSS3之transition实现下划线的示例代码
2018/05/30 HTML / CSS
html5的localstorage详解
2017/05/09 HTML / CSS
Html5页面获取微信公众号的openid的方法
2020/05/12 HTML / CSS
Banana Republic欧盟:美国都市简约风格的代表品牌
2018/05/09 全球购物
电子商务专业个人的自我评价
2013/12/19 职场文书
公积金转移接收函
2014/01/11 职场文书
办公室人员先进事迹
2014/01/27 职场文书
初中班主任评语
2014/04/24 职场文书
政府采购方案
2014/06/12 职场文书
关爱残疾人标语
2014/06/25 职场文书
综合实践活动报告
2015/02/05 职场文书
安全员岗位职责范本
2015/04/11 职场文书
用电申请报告范文
2015/05/18 职场文书
试用期转正工作总结2015
2015/05/28 职场文书
关于CSS浮动与取消浮动的问题
2021/06/28 HTML / CSS