javascript - jQuery 添加输入到表单

Question

HTML

<form id = "form1">
     <div class = "fields">
          <div class="add">Add</div>
     </div>

    </form>

    <form id = "form2">
     <div class = "fields">
          <div class="add">Add</div>
     </div>

    </form>

JS

 $('.add').live('click', function() {

     $('<input type="text" value="test">').appendTo('.fields');
 })

我只想从单击按钮的位置添加添加输入到此表单，而不是同时添加到两者，如何限制插入？

Answer 1

使用closest()获取按钮的形式，然后 append 输入控件。

像这样:

$('.add').live('click', function() {

      $(this).closest("form").append('<input type="text" value="test">');

 })