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

如果你想要的课程只有＆＃34; x＆＃34;你可以这样做：

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

如何创建具有x但不是y选择器的选择器

3 个答案: