克隆()jquery中的第一个类

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的之一？

使用eq^文档：

$('.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 文档：

eq(index) index - 一个整数，指示元素从 0 开始的位置。