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 相关文章推荐
用倒置滤镜把div倒置,再把table倒置。
Jul 31 Javascript
下拉列表select 由左边框移动到右边示例
Dec 04 Javascript
Javascript中引用示例介绍
Feb 21 Javascript
JavaScript获取对象在页面中位置坐标的方法
Feb 03 Javascript
解读Bootstrap v4 sass设计
May 29 Javascript
js控住DOM实现发布微博效果
Aug 30 Javascript
jQuery层次选择器用法示例
Sep 09 Javascript
用jQuery实现圆点图片轮播效果
Mar 19 Javascript
在Vant的基础上封装下拉日期控件的代码示例
Dec 05 Javascript
vue基于两个计算属性实现选中和全选功能示例
Feb 08 Javascript
使用express获取微信小程序二维码小记
May 21 Javascript
Vue两个版本的区别和使用方法(更深层次了解)
Feb 16 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
10条PHP编程习惯助你找工作
2008/09/29 PHP
php中的常用魔术方法总结
2013/08/02 PHP
php版微信公众平台回复中文出现乱码问题的解决方法
2016/09/22 PHP
javascript 常用关键字列表集合
2007/12/04 Javascript
JavaScript 申明函数的三种方法 每个函数就是一个对象(一)
2009/12/04 Javascript
js 动态修改css文件用到了cssRule
2014/08/20 Javascript
node.js中的fs.utimes方法使用说明
2014/12/15 Javascript
JavaScript实现为input与textarea自定义hover,focus效果的方法
2015/08/21 Javascript
学习使用AngularJS文件上传控件
2016/02/16 Javascript
实例讲解JavaScript中的this指向错误解决方法
2016/06/13 Javascript
JS中动态创建元素的三种方法总结(推荐)
2016/10/20 Javascript
@ResponseBody 和 @RequestBody 注解的区别
2017/03/08 Javascript
Vue 理解之白话 getter/setter详解
2019/04/16 Javascript
laypage+SpringMVC实现后端分页
2019/07/27 Javascript
vue 实现通过vuex 存储值 在不同界面使用
2019/11/11 Javascript
layui前端时间戳转化实例
2019/11/15 Javascript
[04:40]2016国际邀请赛中国区预选赛全程TOP10镜头集锦
2016/07/01 DOTA
[01:11:21]DOTA2-DPC中国联赛 正赛 VG vs Elephant BO3 第一场 3月6日
2021/03/11 DOTA
python错误处理详解
2014/09/28 Python
基于Python的关键字监控及告警
2017/07/06 Python
基于python指定包的安装路径方法
2018/10/27 Python
django 2.2和mysql使用的常见问题
2019/07/18 Python
Flask框架模板渲染操作简单示例
2019/07/31 Python
Python中join()函数多种操作代码实例
2020/01/13 Python
Python视频编辑库MoviePy的使用
2020/04/01 Python
Html5实现单张、多张图片上传功能
2019/04/28 HTML / CSS
HTML5是什么 HTML5是什么意思 HTML5简介
2012/10/26 HTML / CSS
水芝澳美国官网:H2O Plus
2016/10/15 全球购物
学前教育教师求职自荐信
2013/09/22 职场文书
《望庐山瀑布》教学反思
2014/04/22 职场文书
学校感恩节活动策划方案
2014/10/06 职场文书
党的群众路线教育实践活动个人剖析材料
2014/10/07 职场文书
2015年母亲节活动总结
2015/02/10 职场文书
婚宴主持词
2015/06/30 职场文书
如何利用 CSS Overview 面板重构优化你的网站
2021/10/24 HTML / CSS
Nginx利用Logrotate实现日志分割
2022/05/20 Servers