如何使用jQuery动态移除元素内指定文本内容

这里有两种靠谱的jQuery实现方式，都能帮你精准移除目标文本，保留需要的ul结构：

方法一：精准过滤并移除文本节点 #

这种方法通用性最强，不管文本节点在父容器里的什么位置都能处理：

$('.some-class').contents().filter(function() {
  // nodeType === 3 代表文本节点
  return this.nodeType === 3;
}).remove();

原理很简单：.contents()会获取目标div下的所有子节点（包括文本、元素甚至注释），然后通过filter筛选出纯文本节点，最后调用remove()把它们删掉，剩下的就是你要的ul结构了。

方法二：先保存元素再重置容器 #

如果你的场景里，目标div下只有这段文本和ul，用这个方法更直观：

// 先把需要保留的ul存起来
const $targetUl = $('.some-class ul');
// 清空div，再把ul重新加回去
$('.some-class').empty().append($targetUl);

这种方式逻辑清晰，先缓存要保留的元素，再清空父容器，最后把缓存的元素放回，也能达到你想要的效果。

内容的提问来源于stack exchange，提问作者chiconese