我有一个添加/删除文本字段功能,其中我想对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>
答案 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), '');
});