同じクラス名を持つdivの1つのjQueryクリックイベント

Question

同じクラスの2つのdivセクションがあり、同じulとliとaも同じです。

私のコードに2つの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を参照してください。