如何在jQuery中点击.icon-trash时移除其祖父元素.item-append

你的DOM结构中，每个删除按钮（.icon-trash）都嵌套在.item-append容器内，要实现点击按钮移除对应容器，只需要通过当前点击元素向上查找最近的.item-append元素即可。

修改后的jQuery代码如下：

$('.icon-trash').on('click', function () {
  $(this).closest('.item-append').remove();
});

关键说明： #

• $(this)：指代当前被点击的.icon-trash元素
• .closest('.item-append')：从当前元素开始向上遍历DOM树，找到第一个匹配.item-append的祖先元素（也就是你需要移除的目标容器）
• .remove()：移除找到的容器元素及其内部所有内容

如果你的.item-append是通过JS动态添加到页面中的，建议使用事件委托确保绑定生效，代码如下：

$(document).on('click', '.icon-trash', function () {
  $(this).closest('.item-append').remove();
});

内容的提问来源于stack exchange，提问作者maimon