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

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

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

<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 文本节点”被返回，而不影响“编辑”链接。