首页 > web前端 > js教程 > 如何从 HTML 元素中提取特定文本,同时保留其他元素?

如何从 HTML 元素中提取特定文本,同时保留其他元素?

Mary-Kate Olsen
发布: 2024-12-06 05:40:14
原创
674 人浏览过

How to Extract Specific Text from an HTML Element While Preserving Other Elements?

从具有跨浏览器兼容性的元素中提取特定文本

从元素中检索特定文本节点,同时保留其中的其他元素,考虑以下场景:

<div> 我是文本节点<br> <a></div><br>

目标: 获取文本“我是文本节点”,而不删除“编辑”链接。

解决方案:

下面的 jQuery 代码可以有效地提取感兴趣的文本节点,同时保持跨浏览器兼容性:

var text = $(".title").contents().filter(function() {
  return this.nodeType == Node.TEXT_NODE;
}).text();
登录后复制

此代码:

  1. 使用 jQuery 选择具有“title”类的元素。
  2. 调用contents()方法来检索所有子元素,包括文本节点。
  3. 应用一个对这些内容进行过滤功能,仅保留文本节点。
  4. 使用 text() 方法将过滤后的文本节点转换为单个字符串。

因此,文本“I am 文本节点”被返回,而不影响“编辑”链接。

以上是如何从 HTML 元素中提取特定文本,同时保留其他元素?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门推荐
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板