jquery - 具有相同类名的 div 仅有一个 jQuery 单击事件

Question

有两个 div 部分具有相同的类，并且也具有相同的 ul 和 li 和 a。

我的代码中有两个 jQuery 单击事件。当我单击 Google 时，两个 jQuery 单击事件都会触发。但我不想两者都这样做，只希望其中之一。我如何实现这一目标？

例如，如果 Google 被点击，我只希望 jQuery 点击事件执行某些操作，而不是另一个。这些是我正在使用的 DOM 元素:

<div class = "abc">
 <ul>  
  <li class="year_"><a href="www.google.com">google</a></li>
 </ul>
</div>
<div class ="abc">
 <ul>
  <li><a href="www.yahoo.com>yahoo</a></li>
 </ul>
</div>

href 可能会改变，所以我不能以此为基础来选择我的选择器。我的代码如下。

$( 'div.abc ul li[class^="year_"]  a' ).click( function(){
    //do something
});

$( 'div.abc ul li a' ).click( function(){
    //do something
});

Answer 1

你可以做一个条件语句，找到带有“year_”类的li:

$( 'div.abc ul li a' ).click( function(){
    if ($(this).parents('li').is('[class^="year_"]')){
        //do something
    } else {
        //do something else
    }
});

参见jsfiddle .