如何在不重复代码的情况下为多个div使用相同的jQuery函数

时间:2014-08-09 09:21:09

标签: javascript jquery

我有一个添加/删除文本字段功能,其中我想对div中的所有文本字段实现jQuery函数。
我可以对div中的所有字段使用相同的jQuery函数,还是应该为每个字段编写不同的字符 DEMO可以到这里来。在演示中,我使它适用于一个输入字段,如何使其适用于其余部分。

HTML

<div id="single">
    <div id="Ivrgroupzbase_grpzWelcomeNotes" class="row">
         <h2><a id="addScnt" href="#">Add Another Input Box</a></h2>
        <label for="Ivrgroupzbase_grpzWelcomeNotes">Grpz Welcome Notes</label>
        <input type="text" id="Ivrgroupzbase_grpzWelcomeNotes" name="Ivrgroupzbase[grpzWelcomeNotes]" cols="50" rows="6">
    </div>

        <div id="p_scents" class="row">
         <h2><a id="addScnt" href="#">Add Another Input Box</a></h2>
        <label for="Ivrgroupzbase_grpzWelcomeNotes">Grpz Welcome Notes</label>
        <input type="text" id="Ivrgroupzbase_grpzWelcomeNotes" name="Ivrgroupzbase[grpzWelcomeNotes]" cols="50" rows="6">
    </div>
</div>

1 个答案:

答案 0 :(得分:2)

小提琴 http://jsfiddle.net/Drea/28h0L6eb/

<强> HTML
更改了ID&#34; addScnt&#34;上课 - 你应该避免多次使用相同的身份

<强> JS

  $('.addScnt').on('click', function (event) {
    event.preventDefault();
    $(this).closest('.row').append(createInput($('#Ivrgroupzbase_grpzWelcomeNotes p').length + 1), '');
});