jQuery 克隆父元素

jQuery Cloning Parent Element

我想克隆一个父元素。目前我只设法克隆了该元素的内容。

$(this).parents('.row').clone();

这个 returns .row 的内容,我如何克隆 .row 元素?

Fiddle - 给最后一个输入一个值

您没有包括的是您在 jsbin 代码中使用 .html(),这实际上是返回行的内部部分。

要"combat"这个,使用临时容器并在容器上做.html()

$('<div>').append($(this).parents('.row').clone()).html();

http://jsbin.com/fesicaqotu/1/edit?js,output

另一个可能更好的选择是在 dom 元素上使用 .outerHTML 并完全忘记克隆:

self.parents('.row')[0].outerHTML;

http://jsbin.com/buhekitiju/2/edit?js,output