为什么我的删除按钮不起作用

Why won't my delete button work?

本文关键字：不起作用 按钮 删除 我的 为什么      更新时间：2023-09-26

我有一些计算机编程的背景，但我只是进入Javascript和jQuery。我有这段代码，它将删除元素的祖父级，但该函数根本没有运行（"我没有看到"警报"）。你能帮我找出问题所在吗？

注意：有多个.trashbutton，我只想删除被点击的祖父级的.trashbutton。

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

编辑：我得到的答案不起作用。我还应该指出，.trashbutton是一个img.如果有帮助的话。

您的选择器中有一个错误，您忘记了选择 css 类.。并将this包裹到$().

尝试

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

我建议你继续阅读jQuery和javascript，尤其是这个关于jquery选择器的文档。您的脚本功能正常，除了$("trashbutton")引用代码中不存在的 <trashbutton></trashbutton> 标签（我猜）。如果要以具有该元素类为目标，请使用$(".trashbutton")或$("#trashbutton")来定位具有此 ID 的元素:)

使用$(this)...this将表示 DOM 元素，但您需要 jQuery 包装的元素。

试试这个：

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

编辑：按照评论中的建议，确保您$("trashbutton")作为有效的选择器。我假设您正在处理类，因此它应该$(".trashbutton")

如果它是

id 应该使用 #trashbutton，如果是类，则应使用 .trashbutton。也包装this为$(this)。

$("#trashbutton").click(function() {
    $(this).parent().parent().remove();
})
相关文章：