只有一个具有相同类名的div的jQuery click事件

Question

有两个div相同类别的部分,也有同样的ul和li和a.

我的代码中有两个jQuery单击事件.当我点击谷歌时,两个jQuery点击事件都会激活.但我不想两者都这样做,只有一个.我该如何实现这一目标？

例如,如果谷歌被点击,我只希望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.