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

不推荐使用

live，请使用.on进行事件委派。如果此表单不是动态的，只需使用处理程序并引用this：

$(".add").click(function() {
    var input = $('<input type="text" value="test">');
    $(this).parent(".fields").append(input);
});

Answer 2

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

像这样：

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

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

 })

jQuery将输入添加到表单中

2 个答案: