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

Question

解决方案可能很明显，但是当单击 .remove 元素时，我试图删除作为父元素的整个 .tag 元素。目前点击.remove元素没有反应。

HTML

'<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

试试这个:当您动态添加删除链接时，您需要使用 .on() 注册点击处理程序。但在您的情况下，您在使用 .on() 时出错。请使用以下代码。

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

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