Как я могу связать живое событие с селектором индекса, используя 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', ...)

Убедитесь, что вы начинаете с нуля и поместите селектор 'eq' внутри того же селектора, что и 'li'. Остальная часть вашего кода является очевидной. : -)

Answer 2

Дайте идентификаторы li:

<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'); });