Question

我有一些JS库，点击html元素就改变了它的类。我想写函数，检查类是否已更改，然后将图像添加到此元素。你能帮我解决这个问题吗？

谢谢！

Answer 1

如果你正在使用jQuery试试这个：

$(document).ready(function() {
    // get the class that's set on page load
    var current = $('#element').attr('class');
    $('#element').click(function(e) {
        if ($(this).attr('class') != current) {
            // class has been changed, do something
        }
    });
});

Here is an example at jsFiddle.net

免责声明：如果没有关于哪些元素有onclick事件监听器更改哪些元素类的更多详细信息，我无法为您提供真实的工作代码。相反，我只能给你一些我刚刚做过的逻辑。

Answer 2

$("#elemID").click(function() {
    $("#div").removeClass('a');
    $("#div").addClass('b');
    if ($("#div").attr('class') == 'b') {
        $("#div").append("<p>Hello</p>");
    } 
});

或者

$("#elemID").click(function() {
    $("#div").removeClass('a');
    $("#div").addClass('b');
    if ($("#div").hasClass('b')) {
        $("#div").append("<p>Hello</p>");
    } 
});

Answer 3

你可以继续使用Krystian，你可以点击一个元素，添加一个“say classClicked”类。然后在hasClass的帮助下，你可以找到附加到该元素的类。如果满足您的条件，请添加图像。或者，如果每次单击时类更改并且您知道更改的类的名称，则只需使用

进行检查

如果（$（本）.hasClass（ “B”））{ 做你的行动 }

希望这有帮助。

检查元素类是否已更改

3 个答案: