2011-07-01 74 views
1

的HTML試圖重複字段與迭代名稱jQuery的

<div class="repeatable"> 
    <a href="#" class="more">More</a> 
    <fieldset class="intro_clergy_"> 
     <label>Title</label> 
     <input class="title_" type="text" name="intro_clergy_title_1" /><br /> 

     <label>Name</label> 
     <input class="name_" type="text" name="intro_clergy_name_1" /> 
    </fieldset> 
</div> 

jQuery的

$('.repeatable').each(function(){ 
    var group = this; 

    var nameStructure = $(" > fieldset", group).attr("class"); 

    $(" > .more", this).click(function(){ 
     $(" > fieldset", group).clone().appendTo(group).children().attr("name", nameStructure + $(this).attr("class") + "1"); 
     return false; 
    }) 


}) 

所以我試圖做的是每當有人點擊「更多」按鈕,它增加了一個新的領域。我有它的工作,除了我需要採取fieldset的類名稱和輸入和插入作爲輸入名稱。如果你看看我試圖做的事情,你會知道我得到了intro_clergy_more,因爲this實際上是更多的鏈接。我需要幫助,試圖找出我可以如何專門調用輸入。

回答

2

你是在找這個嗎?

$('.repeatable').each(function(){ 
    var group = this; 

    var nameStructure = $(" > fieldset", group).attr("class"); 

    $(" > .more", this).click(function(){ 
     $(" > fieldset", group).clone().appendTo(group) 
      .children("input").each(function(){ 
       $(this).attr("name", nameStructure + $(this).attr("class") + "1"); 
      }) 
     return false; 
    }) 
}) 
+0

是的,還有一個問題,我會檢查你的答案。它增加了那裏的數量。我試過':第一個孩子',但它只打破了代碼。你如何看待這件事? –

+0

「雙倍數額」是什麼意思?使用jsfiddle來顯示示例。你的意思是http://jsfiddle.net/RtQKC/1/? –

+0

沒關係,只是發現了問題。感謝您的幫助。 –