2013-07-16 65 views
1

我有一些按鈕類btn btn-info,當我點擊它們時,他們的班級將是btn btn-info active。情景是這樣的,我想從按鈕類btn btn-info做一些btn btn-info active s不會做的事情。這意味着我希望當我點擊一個按鈕,其類是btn btn-info它顯示我一個提醒,當它的類是btn btn-info active點擊它沒有發生。如何選擇3類的元素?

注:

我曾嘗試:

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

但它沒有工作。

謝謝。

回答

1

您可以檢查是否有活動類:

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

他不在尋找這個,他試圖弄清楚多個選擇器是如何工作的。 –

+0

It worked.Thanks .;) –

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

或者,如果你想確保它包含兩個部分:

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

第二個選擇所有具有類「btn」和/或類「btn-info」的元素。這兩種解決方案都沒有在看活躍課。 –

+0

點擊事件在.btn btn-info和.btn btn-info active中完成。所以它沒有工作。謝謝。 –

2

您可以使用選擇:不是這樣的:

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

你可以在這裏看到jQuery的文檔:http://api.jquery.com/not-selector/

+0

結果只是反過來。表示.btn btn-info活動類執行點擊事件,但.btn btn-info類不要。謝謝你的朋友。 –

相關問題