Question

我有一些计算机编程的背景，但我刚刚进入Javascript和jQuery。我有这个代码将删除该元素的祖父母，但该功能根本没有运行（“我没有看到”警告“。）你能帮我找出问题所在吗？

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

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

编辑：我得到的答案不起作用。我还应该注意.trashbutton是img。如果这有帮助。

Answer 1

您的选择器出错，您忘记.选择css类。并将this包裹到$()。

试

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

Answer 2

我建议你继续阅读jQuery和javascript，尤其是this documentation about jquery selector。您的脚本正常运行，除了$("trashbutton")引用<trashbutton></trashbutton>标记，但代码中不存在（我猜）。如果您想使用$(".trashbutton")或$("#trashbutton")定位元素类来定位具有此ID的元素：）

Answer 3

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

试试这个：

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

修改：根据评论中的建议，确保您将$("trashbutton")作为有效选择器。我假设您正在处理类，因此它应该是$(".trashbutton")

Answer 4

如果是{id}，则应使用#trashbutton;如果是类，则应使用.trashbutton。同时将this包裹为$(this)。

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

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

4 个答案: