尝试在jQuery中重复使用迭代名称的字段

时间:2011-07-01 16:51:37

标签: jquery html forms

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>

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实际上是更多的链接。我需要帮助,试图弄清楚如何专门调用输入。

1 个答案:

答案 0 :(得分: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;
    })
})