克隆元素并在原始元素之后追加

Question

我需要克隆一个元素并将克隆放置在完全相同的位置或之后。

我像这样克隆：

var holderColumn = $('.holder').parent('.column');
$('.holder').clone().appendTo(holderColumn).removeClass('holder').addClass('olderHolder').css('background', 'red');

因此，我要将克隆附加到原始文件的父项上。 如何将其附加到原件的父项上，但紧接在原件之后？

Answer 1

使用insertAfter() 。

var holder = $('.holder');
holder.clone().insertAfter(holder).removeClass('holder').addClass('olderHolder').css('background', 'red');

另请参见after()类似的方法。 请注意， insertAfter()返回新添加的元素。

Answer 2

您需要使用jQuery insertAfter（）函数而不是appendTo。

$('.holder').clone().insertAfter('.holder').removeClass('holder').addClass('olderHolder').css('background', 'red');