如何創建具有X，但沒有Y選擇

Question

鑑於以下兩個元素的選擇，我怎麼可以創建一個jQuery選擇選擇第一而不是第二：

<a href="" class="x">First element</a> 

<a href="" class="x y">Second element</a> 

我曾嘗試以下，但它似乎並沒有爲我工作：

$(".x").not(".y").on("click", alert('first')); //should select First Element 
$(".x.y").on("click", alert('second')); //should select the Second Element 

謝謝！

Answer 1

試試這個

$(".x").not(".y").on("click", function(){alert('first');}); //should select First Element 
 
$(".x.y").on("click",function(){ alert('second');}); //should select the Second Element

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a href="#" class="x">First element</a> 
 

 
<a href="#" class="x y">Second element</a>

Answer 2

添加功能"click"後，不要忘了添加jQuery的。

<!--<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>--> 

$(".x").not(".y").on("click", function(e){ 
    e.preventDefault(); 
    alert('First'); 
}); 

$(".x.y").on("click", function(e){ 
    e.preventDefault(); 
    alert('second'); 
}); 

Answer 3

如果你想要的東西，其中類唯一的「X」，你可以這樣做：

$('[class="x"]')