Question

$('.addPack').click(function(){
            $('.immediate-whiskypack-inputs').clone().appendTo('#whiskypacks').show();
            return false;
       });

我在div.immediate-whiskypack-inputs中有一些表单输入，我想克隆它并将其附加到div＃whiskypacks。上面的函数克隆了每个div类，有没有一种方法可以克隆其中一个div？

Answer 1

只需修改选择器，使其返回要克隆的单个元素。如果您对第一场比赛感兴趣，请使用：

$('.immediate-whiskypack-inputs:first')

而不是

$('.immediate-whiskypack-inputs')

Answer 2

上面的函数克隆了每个div类，有没有一种克隆方法只是其中一个div ？

使用eq ^Docs：

$('.immediate-whiskypack-inputs').eq(0).clone().appendTo('#whiskypacks').show();

eq需要从0开始的元素索引。因此，如果您想要添加第一个，请使用0，其次使用1，第三个，使用2，依此类推。

如果您想要先克隆或最后克隆，请使用:first和:last过滤器选择器：

// clone first
$('.immediate-whiskypack-inputs:first').clone().appendTo('#whiskypacks').show();
$('.immediate-whiskypack-inputs').eq(0).clone().appendTo('#whiskypacks').show();
// clone last
$('.immediate-whiskypack-inputs:last').clone().appendTo('#whiskypacks').show();

Answer 3

你没有提到你要克隆哪个div，所以我猜你不关心哪个... { first()函数将获取第一个元素：

$('.addPack').click(function(){
            $('.immediate-whiskypack-inputs').first().clone().appendTo('#whiskypacks').show();
            return false;
       });

如果您确实想要克隆哪个元素，请使用eq(index)函数：

$('.immediate-whiskypack-inputs').eq(theDesiredElementIndex).clone()...

eq docs：

eq（index）index-一个整数，表示元素的 0位置。

克隆（）jquery中的第一个类

3 个答案: