Javascript 修改jquery脚本以在appendTo（）函数中使用this.parent

我正在使用这个jquery脚本复制

类的scoll框中的第一个元素：

$(".scroll-box > *").first().clone().appendTo(".scroll-box");

我想重写脚本的

appendTo（）

部分，以使用

$（this）.parent

规范，以便脚本可以在

.scroll box

元素的多个实例上运行。我该怎么做

原始HTML如下所示：

<div id="scroll-box" class="scroll-box">
    <div>Line 1</div>
    <div>Line 2</div>
    <div>Line 3</div>
</div>

第1行
第2行
第3行

要每次引用不同的元素，最好是

。每个
，其中
此
每次都是一组元素之一：

// for each .scroll-box
$(".scroll-box").each(function() {
    // clone first child and append to this .scoll-box
    $(this).children().first().clone().appendTo(this);
});

.parent（）
不需要这样做，因为
此
引用了
.scoll box
元素。
缓存选择器并使用
.parent（）
方法

$(".scroll-box > *").each(function() {
    $(this).clone().appendTo($(this).parent());
});

var el = $(".scroll-box > *");
var clone = el.first().clone();
el.parent().append(clone);

这不会克隆元素，因此它将被移动。