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

clone element and append after original

本文关键字：元素 原始 之后      更新时间：2023-09-26

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

我正在克隆:

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

所以我将克隆附加到原始的父节点。我怎么能把它附加到原文件的父文件上，但又在原文件的后面呢?

使用insertAfter() 

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

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

您需要使用jquery的insertAfter()函数，而不是appendTo。

$('.holder').clone().insertAfter('.holder').removeClass('holder').addClass('olderHolder').css('background', 'red');
相关文章：