追加另一个Div

Append Another Div

本文关键字：Div 另一个 追加      更新时间：2023-09-26

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

 <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>'
 );
})

对于动态添加的元素，您需要通过.on()使用事件委托:

$('.form-group').on('click', '.add', function() {
  $('.form-group').append(
    '<input type="text"/>' +
    '<button class="add">Add</button>'
  );
})
<<p> jsFiddle例子/strong>
相关文章：