Clone () первый класс в jquery

Question

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

У меня есть некоторые входы формы в div.immediate-whiskypack-input, я хочу клонировать это и добавить в div # whiskypacks. Вышеуказанная функция клонирует каждый класс div, есть ли способ клонировать только один из div?

Answer 1

Просто измените ваш селектор так, чтобы он возвращал единственный элемент, который вы хотите клонировать.Если вас интересует первый матч, тогда используйте:

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

вместо

$('.immediate-whiskypack-inputs')

Answer 2

Вышеупомянутая функция клонирует каждый класс div, есть ли способ клонировать только один из элементов 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 позицию элемента.