jQuery获取节点和子节点文本的方法

socujun 2021-09-07 原文


jQuery获取节点和子节点文本的方法

原文:http://www.jb51.net/article/52560.htm

对于下面的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();
发表于
2016-03-08 15:13 
Ansel Song 
阅读(185
评论(0
编辑 
收藏 
举报

 

版权声明:本文为socujun原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/socujun/articles/5254159.html

jQuery获取节点和子节点文本的方法的更多相关文章

  1. HTML5开发的翻页效果实例 – Ansel Song

    HTML5开发的翻页效果实例 原网址:http://www.cnblogs.com/zhwl/p/386092 […]...

  2. HTML5开发的翻页效果实例 – Ansel Song

    HTML5开发的翻页效果实例 原网址:http://www.cnblogs.com/zhwl/p/386092 […]...

  3. HDU 3467 Song of the Siren(圆交)

    Problem Description In the unimaginable popular DotA ga […]...

  4. 推荐一本写给IT项目经理的好书

    推荐一本写给IT项目经理的好书 清理电脑,十数年来,无数资料,近来每天抽空好好整理整理, 做IT的特别是整ER […]...

  5. Google Earth API开发者指南

    Google Earth API开发者指南 原文:https://developers.google.com/ […]...

  6. sourceforge中免费服务器空间、免费mysql数据库、免费svn的使用 – lyric song

    sourceforge中免费服务器空间、免费mysql数据库、免费svn的使用 最近有点时间,注册了个sour […]...

随机推荐

  1. 笔试题

    原文地址:http://m.blog.csdn.net/blog/panfengyun12345/126184 […]...

  2. 我最喜欢的进程之间通信方式-消息总线

    道哥的第 020 篇原创 目录 一、Linux 系统中的进程之间通信(IPC) 二、基于 Socket 通信的 […]...

  3. 喝香槟 品科学——香槟的六大秘密

    砰的一声打开一瓶香槟是生活中一大乐趣。这背后的科学你了解多少?本文揭示香槟的六大秘密。了解一点香槟美酒的科学, […]...

  4. 如何方便且又快捷的找回微信聊天记录

                   如何方便且又快捷的找回微信聊天记录 生在一个科技可以改变人的年代,我们接收和改变 […]...

  5. 回顾2018,展望2019

    回顾2018年,感觉过得好快,时间总是在不经意间就悄悄流逝,回顾这一年的生活,经历了许多,也感悟了很多。 上半 […]...

  6. python私有方法和私有属性属性理解,子类继承

    私有属性、方法——Python并没有真正的私有化支持,但可用下划线得到伪私有尽量避免定义以下划线开头的变量  […]...

  7. 字节对齐详解

    一.什么是字节对齐,为什么要对齐?     现代计算机中内存空间都是按照byte划分的,从理论上讲似乎对任何类 […]...

  8. (转)代号为Purley的新一代服务器平台

          英特尔(Intel)正式发布了代号为Purley的新一代服务器平台,包括代号为Skylake的新一 […]...

展开目录

目录导航