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. sourceforge中免费服务器空间、免费mysql数据库、免费svn的使用 – lyric song

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

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

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

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

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

  4. Google Earth API开发者指南

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

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

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

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

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

随机推荐

  1. 80211无线加密认证 – 绿色star

    80211无线加密认证 参考:加密配置:https://www.cnblogs.com/diligenceda […]...

  2. CynosDB技术详解——架构设计

    本文由腾讯云数据库发表 前言 CynosDB是新一代分布式数据库,100%兼容MySQL和PostgreSQL […]...

  3. 启动PPT的时候一直配置vs2013的问题解决 – 房客

    启动PPT的时候一直配置vs2013的问题解决 前几天装了VS2013,结果发现每次启动powerpoint都 […]...

  4. sql注入原理详解(一)

    我们围绕以下几个方面来看这个问题: 1.什么是sql注入? 2.为什么要sql注入? 3.怎样sql注入? 1 […]...

  5. iOS 微信开发详细流程

    这个文章写的 比较不错 借此转发。  SDK下载:https://pay.weixin.qq.com/wiki […]...

  6. modelsim 10.0a 破解安装

    modelsim 10.0a 破解安装   第一步,从modelsim的官网www.modelsim.com下 […]...

  7. 怎样解决VMware虚拟机无法连接外网问题

    安装上虚拟机之后,再安装上linux之后,有时会出现ping不通物理机的ip和任何外网包括网关的ip的问题。虚 […]...

  8. Ruby on Rails Tutorial 第六章笔记 用户建模

    6. 用户建模 这一章作者通过建立,完善 app/models/user.rb(即 User 模型),进而讲述 […]...

展开目录

目录导航