Javascript 附加另一个Div

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

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

添加

JS

$（'.add'）。单击（函数（）{
$（'.form group'）。追加(
''+
“添加”
);
})

对于动态添加的元素，您需要通过使用事件委派：

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

$（'.form group'）。在（'click'，'.add'，function（）上{
$（'.form group'）。追加(
'' +
“添加”
);
})

---

对于动态添加的元素，您需要通过使用事件委派：

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

$（'.form group'）。在（'click'，'.add'，function（）上{
$（'.form group'）。追加(
'' +
“添加”
);
})

---

你试过用逗号而不是+号分隔这两个元素吗？对不起，我的错，我删除了我的评论。你试过用逗号而不是+号分隔这两个元素吗？对不起，我的错，我删除了我的评论。就是这样！谢谢！：）这JQuery是在页面加载时设置的，它读取JQuery选择器选择的每个id和类，并将事件附加到该元素。如果你创建了一个新元素，它将没有关联。可以在div中添加一行吗？添加行是什么意思？就是这样！谢谢！：）这JQuery是在页面加载时设置的，它读取JQuery选择器选择的每个id和类，并将事件附加到该元素。如果创建新元素，它将不具有关联。可以在div中添加“行”吗？添加行是什么意思？