Jquery：无法删除动态创建的元素[重复]

Question

我正在尝试删除动态附加的元素，但似乎未读取为此元素附加的类函数。

我可以点击+按钮添加新元素，但是点击“-”按钮时无法删除。

<div id="dftenglist">
     <label for="dtfeng">Name:</label><input type="text" class="dfteng"> 
      <button id="plusdfteng">+</button> 
</div>

$("#plusdfteng").click(function() {
  $("#dftenglist").append('<br><span><label for "a">Name:</label><input type="text" class="dfteng"> <button class="minusbtn">-</button></span>'); 
});

$(".minusbtn").click(function() {
  $(this).parent().remove();
})

http://jsfiddle.net/0uv4k5bz/1/

谢谢， 亚历克斯

Answer 1

尝试在这种情况下使用event-delegation，

$("#dftenglist").on("click", ".minusbtn", function() {
  $(this).parent().remove();
});

DEMO

您可能会问为什么？原因是，在向特定元素注册事件时，该元素在 DOM 中将不可用，因为我们是在运行时添加它的。因此，在这种情况下，event-delegation 将利用幕后的事件冒泡概念来解决这个问题。欲了解更多信息read here。

对于您的新要求，只需执行以下操作，在删除父元素的同时删除 <br>。

$("#dftenglist").on("click", ".minusbtn", function () {
    $(this).parent().prev('br').addBack().remove();
});

DEMO