克隆（）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^Docs：

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

從0開始元素的eq需求指數。因此，如果您想追加第一個，請使用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)樂趣ction：

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

eqdocs：

當量（指數）INDEX-指示元素的基於0的位置的整數。