jQuery `.parent().remove()`不工作

Question

解决方案可能是显而易见的，但是当单击.remove元素时，我试图删除整个.tag元素，即父元素。当前，单击.remove元素没有响应。

'<div class="tag"><input id="' + id + '" type="hidden" name="' + name + '" value="' + value + '" />' + input + '<i class="remove dismiss fa fa-remove"></i></div>'

JS

$('.remove').on('click', '.remove', function() {
  $(this).parent().remove();
});

Answer 1

尝试如下:在动态添加remove链接时，需要使用.on()注册单击处理程序。但在您的情况下，您在使用.on()时有错误。请使用下面的代码。

$(document).on('click', '.remove', function() {
    $(this).parent().remove();
});

关于jQuery .on()的更多信息

Answer 2

你可以试试这个：

http://jsfiddle.net/myyzrwwe/

$('.remove').on('click', function() {
    $(this).parent().remove();
});

Answer 3

您不应该总是将事件委托给已委托的相同元素。您需要选择一个静态的父。在我的示例中，document对象是--一切事物的父对象。

$('body').on('click', '.remove', function() {
    $(this).parent().remove();
});