여러 버튼에 대한 하나의 클릭 핸들러가 부모에게 이벤트 전파를 중지합니까?

Question

나는 ajax 호출의 결과로 많은 "li"아이템을 생성하고있다. 그들은 같이 :

<li> 
    <p>Hello result 1</p> 
    <button>remove</button> 
</li>  
<li> 
    <p>Hello result 2</p> 
    <button>remove</button> 
</li> 
... 

내가 "리"항목 "버튼"요소 중 하나가 클릭 된 때 호출되는 것이다 단 한번의 클릭 핸들러를 만들 수 있습니다, 또한까지 클릭 이벤트를 전파 중지됩니다 " li "부모? 다음과 같음 :

function btnClicked() { 
    var liItem = this.parent; // ideally is the <li> whose button was clicked. 
    return true; // don't let click event go up to <li> parent? 
} 

----------------- 편집 ---------------------

또한 button 요소를 사용하려고하는지, 버튼 대신 clickable div를 사용할 수 있는지 잘 모르겠습니다. 동일한 기술이 양쪽 모두에서 작동해야합니다. 맞습니까?

는

Answer 1

$('li').click(function(event) { 
//do something 
event.stopPropagation() 
}); 

이 jQuery를에서 작동합니다 감사합니다. li을 변경하여 원하는 항목 li 만 선택하면됩니다.