동일한 HTML 객체를 반환하는 여러 선택기로 동일한 핸들러 호출

Question

이벤트 핸들러가 요소에 바인딩되어있어 다른 선택자로 이벤트를 트리거 할 수 있습니까? 내가 알고 싶은 보려면 아래 예제를보세요 :

예 : 클릭 이벤트 핸들러가 정의 된
HTML

<ul id="itemsList"> 
<li class="items" id="item1">element1</li> 
<li class="items" id="item2">element2</li> 
<li class="items" id="item3">element3</li> 
</ul> 

자바 스크립트 :

$('.items').click(function(){ 
    //do something 
}); 

내 생각이 핸들러를 invoque하려면 다른 선택자를 사용하여 여러 가지 방법으로 수행 할 수 있으므로 $('#item1').click(); 및 $(#itemsList li).eq(1).click();은 동일한 이벤트 핸들러를 호출합니다. 권리?
나는 확실히 때문에 뭔가를 잘못하고 있어요 예 제대로 작동하지 않는 경우 ...

Answer 1

내가 지적하는 몇 가지가 있습니다

• 을 수식에 "을 잊지 마세요. $(#itemsList li).eq(1).click();
• .eq(1) 실제로, 두 번째 li 선택 때문에에서 eq index 시작 0

올바른 구문 : 당신이 이미 할 것은이 핸들러 호출

// define handler 
$('.items').click(function(){ 
    alert($(this).text() + " clicked"); 
}); 

// call handler 
$('#item1').click() ; 

$("#itemsList li").eq(0).click(); 

jsFiddle demo

Answer 2

인수 또는 .trigger ('클릭')와() .click 호출은 결과에 클릭 이벤트 처리기를 호출해야합니다 당신의 선택자. pinouchon은 적절한 경우 따옴표를 사용하고 .eq()가 0 인 색인 된 것을 기억하여 선택기 구문에주의해야한다고 지적 했으므로 .eq (1)은 두 번째 li 요소를 선택합니다.

궁극적으로, 이벤트 핸들러를 호출하는 당신이 원하는 것을 생각하는 것은 : 실제로

$('#itemsList li').eq(0).click(); 

또는

$('#item1').click(); 

Answer 3

: http://jsfiddle.net/a3tNM/

$('#item1').click(); 및 $(#itemsList li).eq(1).click(); 같은 처리기. 새로운 것을 만듭니다.