如何使用 jQuery 从 HTML 元素中提取特定文本节点？

如何有选择地从元素中检索文本内容

处理 HTML 文档时，可能需要从元素中提取特定文本节点元素而不改变元素的结构。考虑以下示例：

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

在此场景中，目标是仅检索“我是文本节点”文本，不包括“编辑”标签。为了以跨浏览器兼容的方式实现这一点，可以利用 jQuery。

jQuery 解决方案：

以下 jQuery 代码有效地提取文本节点，同时保留“编辑”标签：

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

解释：

• 代码选择类为“title”的元素。
• 然后检索该元素的内容，包括文本节点和锚标记。
• 过滤函数应用于内容，仅识别并返回文本节点。
• 最后，使用 text() 方法从选定的文本节点中提取文本内容。

通过使用这种方法，获得所需的文本节点而不影响元素的结构或内容。该解决方案确保跨多个浏览器的兼容性，适应各种 HTML 文档场景。

以上是如何使用 jQuery 从 HTML 元素中提取特定文本节点？的详细内容。更多信息请关注PHP中文网其他相关文章！