Question

我有一些类btn btn-info的按钮，当我点击它们时，它们的类将是btn btn-info active。这个场景是我希望从btn btn-info类的按钮做的事情btn btn-info active不会这样做。这意味着我想要当我点击一个按钮时，它的类为btn btn-info它会向我显示一个警报，当它的类为btn btn-info active时，没有任何结果通过点击在它上面。

注意：

我试过了：

$("document").ready(function () {
    $(".btn btn-info").click(function () {
        alert("salam");
    });
});

但它没有用。

感谢。

Answer 1

您可以使用选择器：不是这样的：

$(".btn.btn-info:not(.active)").click(function () {
  alert("salam");
});

你可以在这里看到jQuery的文档：http://api.jquery.com/not-selector/

Answer 2

您可以检查它是否具有活动类：

$("document").ready(function () {
    $(".btn.btn-info").click(function () {
        if ($(this).hasClass('active') == false) {
            alert("salam");
        }
    });
});

Answer 3

$(".btn.btn-info").click(function() { alert("Salam!"); });

或者，如果你想确保它包含两个部分：

$(".btn, .btn-info").click(function() { alert("Salam!"); });

如何选择3个类的元素？

3 个答案: