jquery - 3つのクラスを持つ要素を選択するには?

Question

クラスのボタンがいくつかあり、それらをbtn btn-infoクリックすると、それらのクラスbtn btn-info activeはそのクラスはアラートを表示し、そのクラスをクリックすると何も起こらない。btn btn-infobtn btn-info activebtn btn-infobtn btn-info active

ノート：

私が試してみました：

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

しかし、うまくいきませんでした。

ありがとう。

Answer 1

セレクターを使用できます :not like this :

$(".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!"); });