只有一个具有相同类名的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_” 类找到李：

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

见jsfiddle。