javascript - 我们如何在将类添加到 div 时触发

Question

我有 div 并在单击按钮时将新类添加到此 div 中。我想在将该类添加到此 div 后触发另一个函数。我该怎么做。

我在单击事件后将新类添加到 div 中。但是如果这个添加的类只存在，我如何触发另一个函数。

<div id="container">
    <button onclick="clickMe(this)">Click</button>
</div>

function clickMe(event) {
    $(event).parent.addClass('check');
}

Answer 1

将新类添加到此 div 后，您可以使用 jquery 'hasClass' 检查此类是否存在。您可以在下面的代码中看到我们如何做到这一点。

function clickMe(event) {
    $(event).parent.addClass('check');
    var checkExistClass = $("#container").hasClass("check");
    if(checkExistClass ){
       alert("Works");
    }
}  

现在您可以在此 if 条件中调用您的新函数。