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'相同的选择器中。你的其余代码是poifect。： - ）

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

如何使用jQuery将实时事件与索引选择器相关联？

2 个答案: