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 相关文章推荐
JavaScript中几种常见排序算法小结
Feb 22 Javascript
jQuery对表单的操作代码集合
Apr 06 Javascript
JavaScript 处理Iframe自适应高度(同或不同域名下)
Mar 29 Javascript
jQuery去掉字符串起始和结尾的空格(多种方法实现)
Apr 01 Javascript
jQuery之字体大小的设置方法
Feb 27 Javascript
基于JavaScript代码实现随机漂浮图片广告
Jan 05 Javascript
由简入繁实现Jquery树状结构的方法(推荐)
Jun 10 Javascript
js传值后台中文出现乱码的解决方法
Jun 30 Javascript
深入理解node.js之path模块
May 03 Javascript
vue-resource请求实现http登录拦截或者路由拦截的方法
Jul 11 Javascript
在Create React App中使用CSS Modules的方法示例
Jan 15 Javascript
Openlayers实现测量功能
Sep 25 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程序员应该掌握哪些技术?
2016/09/23 PHP
php类自动装载、链式操作、魔术方法实现代码
2017/07/23 PHP
Laravel 实现在Blade模版中使用全局变量代替路径的例子
2019/10/22 PHP
Gambit vs ForZe BO3 第一场 2.13
2021/03/10 DOTA
农历与西历对照
2006/09/06 Javascript
Dojo 学习要点
2010/09/03 Javascript
javascript 函数参数限制说明
2010/11/19 Javascript
flash调用js中的方法,让js传递变量给flash的办法及思路
2013/08/07 Javascript
禁用Enter键表单自动提交实现代码
2014/05/22 Javascript
jquery validate表单验证的基本用法入门
2016/01/18 Javascript
Jquery操作cookie记住用户名
2016/03/29 Javascript
AngularJS 遇到的小坑与技巧小结
2016/06/07 Javascript
使用watch监听路由变化和watch监听对象的实例
2018/02/24 Javascript
学习React中ref的两个demo示例
2018/08/14 Javascript
国内常用的js类库大全(CDN公共库)
2020/06/24 Javascript
35个Python编程小技巧
2014/04/01 Python
python 链接和操作 memcache方法
2017/03/04 Python
深入理解Python分布式爬虫原理
2017/11/23 Python
Numpy截取指定范围内的数据方法
2018/11/14 Python
11个Python Pandas小技巧让你的工作更高效(附代码实例)
2019/04/30 Python
详解PyCharm+QTDesigner+PyUIC使用教程
2019/06/13 Python
python使用celery实现异步任务执行的例子
2019/08/28 Python
Python warning警告出现的原因及忽略方法
2020/01/31 Python
python之语音识别speech模块
2020/09/09 Python
python3列表删除大量重复元素remove()方法的问题详解
2021/01/04 Python
Html5内唤醒百度、高德APP的实现示例
2019/05/20 HTML / CSS
印度尼西亚在线时尚购物网站:ZALORA印尼
2016/08/02 全球购物
我有一个char * 型指针正巧指向一些int 型变量, 我想跳过它们。 为什么如下的代码((int *)p)++; 不行?
2013/05/09 面试题
Internet体系结构
2014/12/21 面试题
土木工程个人自荐信范文
2013/11/30 职场文书
《雕塑之美》教学反思
2014/04/24 职场文书
工作评语大全
2014/04/26 职场文书
工会优秀工作者事迹
2014/08/17 职场文书
2016春季校长开学典礼致辞
2015/11/26 职场文书
查看nginx配置文件路径和资源文件路径的方法
2021/03/31 Servers
MongoDB使用profile分析慢查询的步骤
2021/04/30 MongoDB