jQuery를 사용하여 라이브 이벤트를 인덱스 선택기와 연관시키는 방법은 무엇입니까?

Question

다음 HTML이 있습니다.

<ul id="tabs"> 
    <li><a href="...">One</a></li> 
    <li><a href="...">Two</a></li> 
    <li><a href="...">Three</a></li> 
</ul> 

누군가 이 각 링크에서을 클릭하면 고유 한 동작을 수행하려고합니다.

다음을 시도했지만 작동하지 않았습니다.

$("#tabs li").eq(1).live('click',function(){alert('ONE....');}); 
$("#tabs li").eq(2).live('click',function(){alert('TWO......');}); 
$("#tabs li").eq(3).live('click',function(){alert('THREE......');}); 

어떤 사람이 링크를 클릭하면 어떻게 동작합니까?

고맙습니다

Answer 1

난 당신이

$("#tabl li:eq(0)").live('click', ...) 
$("#tabl li:eq(1)").live('click', ...) 
$("#tabl li:eq(2)").live('click', ...) 

만들기위한거야 생각 당신은 ze로 시작해야합니다. 'eq'선택기를 'li'과 동일한 선택기 안에 배치하십시오. 나머지 코드는 제대로 작동하지 않습니다. :-)

Answer 2

부여 리튬의 IDS :

는

<ul id="tabs"> 
    <li id="tab1"><a href="...">One</a></li> 
    <li id="tab2"><a href="...">Two</a></li> 
    <li id="tab3"><a href="...">Three</a></li> 
</ul> 

그런 다음 스크립트는 다음과 같습니다

$('#tab1').click(function() { alert('tab1'); }); 
$('#tab2').click(function() { alert('tab2'); }); 
$('#tab3').click(function() { alert('tab3'); });