想象一下,我有以下类似的东西修改
<div id="foo"> first <div id="bar1"> jumps over a lazy dog! </div> second <div id="bar2"> another jumps over a lazy dog! </div> third </div>
如何在不影响任何子元素的情况下从DOM中仅删除(仅文本)“第一”,“第二”和“第三”。
如果要删除所有子文本节点,则可以使用.contents(),然后.filter()将匹配集减少为仅文本节点:
.contents()
.filter()
$("#foo").contents().filter(function () { return this.nodeType === 3; }).remove();
注意 :这将保留子元素上所有现有的事件处理程序,使用答案.html()不会做(因为从DOM中删除了这些元素并重新添加了这些元素)。
.html()
注2 :一些链接的问题中的答案显示的代码与我的答案中的代码相似,但它们使用nodeType常量(例如return this.nodeType=== Node.TEXT_NODE)。这是不好的做法,因为低于版本9的IE无法实现该Node属性。使用整数(可以在DOM2级规范中找到)更安全。
nodeType
return this.nodeType=== Node.TEXT_NODE
Node