使用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));