追加另一个分

时间:2016-11-16 18:22:00

标签: javascript jquery

我正在尝试添加另一个表单组。 添加的表单组中的按钮不起作用。 谁能告诉我为什么?

 <div class="form-group">
  <input type="text"/>
  <button class="add">Add</button>
 </div>

JS

 $('.add').click(function(){
 $('.form-group').append(
 '<input type="text"/>'+
 '<button class="add">Add</button>'
 );
})

1 个答案:

答案 0 :(得分:4)

您需要通过.on()使用事件委派来动态添加元素:

$('.form-group').on('click', '.add', function() {
  $('.form-group').append(
    '<input type="text"/>' +
    '<button class="add">Add</button>'
  );
})

<强> jsFiddle example