javascript - 单击时将类添加到 div

Question

我试图在单击时将一个类添加到 div 元素。我无法让它工作，我的设置与此类似:

JavaScript:

function choose() {
    this.addClass("selected");
}

html:

<div class="initialclass" onclick="choose()">CLICK</div>

我在该函数中还有其他运行正常的 javascript 命令，但我无法添加要添加的类。

Answer 1

您当前的代码有两个问题。首先是您的 JS 函数中的 this 指的是 window，而不是被点击的元素。其次，如果它确实引用了该元素，它将是一个 DOMElement，而不是一个 jQuery 对象，因此它不会有 addClass() 方法——您需要将它转换为一个 jQuery 对象。试试这个:

<div class="initialclass" onclick="choose(this)">CLICK</div>

function choose(el) {
    $(el).addClass("selected");
}

但请注意，最好使用 JavaScript 连接您的事件。当您使用 jQuery 时，您可以这样做:

<div class="initialclass">CLICK</div>

$(function() {
    $('.initialclass').click(function() {
        $(this).addClass("selected");
    });
});