jQuery에서 반복되는 이름으로 필드 반복하기

Question

HTML

<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> 

<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> 

그래서 누군가가 "추가"버튼을 클릭 할 때마다 새로운 필드가 추가됩니다. 나는 그것이 fieldset의 클래스 이름과 입력과 입력 이름으로 삽입 할 필요가 있다는 것을 제외하고는 그것을 가지고있다. this가 실제로 더 많은 링크이기 때문에 내가 무엇을하려고했는지 살펴 본다면 intro_clergy_more가 있다는 것을 알 수 있습니다. 어떻게하면 구체적으로 입력을 호출 할 수 있는지 알아 내려고하는 데 도움이 필요합니다.

Answer 1

이걸 찾으십니까?

$('.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; 
    }) 
})