같은 클래스 이름을 가진 div에 대한 하나의 jQuery 클릭 이벤트

Question

동일한 클래스의 두 개의 div 섹션이 있으며 ul 및 li 및 a도 있습니다.

내 코드에서 두 번의 jQuery 클릭 이벤트가 있습니다. Google을 클릭하면 jQuery 클릭 이벤트가 모두 발생합니다. 그러나 나는 그렇게하기를 원하지 않는다. 이것을 어떻게 성취합니까?

예를 들어 Google이 클릭되면 jQuery 클릭 이벤트 만이 다른 이벤트가 아닌 무언가를하고 싶습니다. href 그래서 난 그 내 선택을 기반으로 할 수없는 변경 될 수 있습니다

<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> 

:이 내가 작업하고있는 DOM 요소입니다. 내가 따르는 코드.

$('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를 참조하십시오.