克隆元素并在原始后追加

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');