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

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

我是这样克隆的：

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

---

因此，我将克隆附加到原始的父对象。如何将其附加到原始文件的父级，但就在原始文件之后？

您需要使用jquery函数而不是appendTo

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

使用

---

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

@MrGuru：花时间停止正在做的事情，花两个小时从头到尾阅读是值得的。这真的只需要那么长时间，你就会发现各种有用的，省时的东西。您将在一周内恢复这两个小时，可能更短。@guru：您正在克隆.holder，然后从克隆中删除.holder并将.olderHolder添加到其中。但是…这是一个新的支架，不是旧的。请注意。@T.J.Crowder是的，newerHoler应该是类名。Re your CW ethos:你的答案已经开放给过去有学位的其他人编辑了。这就是为什么这么有用的一半。但是，如果你的答案是CW，你就剥夺了评估答案的人对你的代表提供的有用信息的了解。代表是一个有用的重力指标：此外，编辑其他人的答案也有一个原因，即仅限于超过2000名代表用户。另一方面，编辑CW的阈值为100。还不足以阻止故意破坏行为。它正在插入.holder的祖父母的容器中。我怎样才能让它在.holder之后和在.holder的父母之后？@MrGuru:insertAfter就是这么做的。你一定是在看别的东西，或者以后再移动。@T.J.Crowder那么我怎么能在原始元素之后移动它，但在holderColumn选择器内呢？@Matt:是的，我也这样做了，因为这样的答案是：：-但说真的，当心故意破坏行为。你的电话，但我会坚持按预期的方式使用网站。

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