jquery - 单击时将类添加到图像

Question

我试图在单击时将“nocheck”类添加到具有“check”类的特定图像。以下是我到目前为止的代码，它不会产生预期的结果。请让我知道我做错了什么。

$(document).ready(function() {
    $("img.check").click(function() {
        $(this).addClass("nocheck");
    });
});

谢谢

score 2 · Accepted Answer

伊戈尔是对的，您的代码编写正确。看看这个小提琴。它显示了你的代码在行动。我的猜测是 .nocheck 类中的某些样式被 .check 类中的相同样式覆盖。请注意在我的小提琴的 css 中使用 !important 标志。

你知道如何使用 Chrome 的调试工具吗？您可以使用它轻松地调查您的 DOM。我怀疑您的代码正在运行，而您甚至没有意识到这一点。DOM 检查器将轻松地向您显示图像元素的类属性，因此您将确切地知道发生了什么。您还可以使用它在 javascript 中设置断点以确认事件正在触发。

score 1 · Accepted Answer

1

您必须像那里一样删除此图像的旧类：

于 2012-04-07T04:40:17.977 回答

score 0 · Accepted Answer

您可能需要在添加“nocheck”的同时删除“check”。使用.toggleClass()：

$(this).toggleClass("check nocheck");

3 回答 3