javascript - 使用 jQuery 对 DOM 元素进行非深拷贝

Question

是否可以在 jQuery 中创建 DOM 元素的克隆/副本而不克隆其内容？我需要将 div 的内容拆分为具有相同属性的两个单独的 div。所以例如我需要改变：

<div class="someclass" someattr="someval">
    this is the first sentence. this is the second sentence.
</div>

变成类似的东西：

<div class="someclass" someattr="someval">
    this is the first sentence.
</div>
<div class="someclass" someattr="someval">
    this is the second sentence.
</div>

具体内容如何拆分比较复杂，但这基本上是我需要做的。显然，可以使用以下方法创建没有内容的克隆：

$(el).clone().empty();

但是由于我的元素可能变得相当大，我想摆脱不必要地克隆元素内容的开销。想法？谢谢！

Answer 1

只需围绕 jQuery 进行此操作，只要您不需要保留（非基于属性的）事件侦听器或其他数据。

var $clone = $(el.cloneNode(false));