Javascript 查找哪个ul列表';s已使用jQuery单击链接
我可以使用以下代码获取正在单击的当前链接,该代码返回一个数字,告诉我第n个链接已被单击:Javascript 查找哪个ul列表';s已使用jQuery单击链接,javascript,jquery,html,jquery-selectors,Javascript,Jquery,Html,Jquery Selectors,我可以使用以下代码获取正在单击的当前链接,该代码返回一个数字,告诉我第n个链接已被单击: $("#thumbs ul a").live('click',function(){ index_image = $("#thumbs ul a").index(this); } 然而,我想知道哪个ul列表中有点击链接。我还希望它返回一个数字,例如,第二个ul已被点击。我一直在尝试以下解决方案,但运气不佳: //Solution One $("#thumbs
$("#thumbs ul a").live('click',function(){
index_image = $("#thumbs ul a").index(this);
}
然而,我想知道哪个ul列表中有点击链接。我还希望它返回一个数字,例如,第二个ul已被点击。我一直在尝试以下解决方案,但运气不佳:
//Solution One
$("#thumbs ul a").live('click',function(){
index_image = $("#thumbs ul a").index(this);
$("#thumbs ul a").parent('ul').index(this);
}
//Solution Two
$("#thumbs ul").live('click',function(){
$("#thumbs ul").index(this);
}
HTML标记如下:
<div id="thumbs">
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
</ul>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
</ul>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
</ul>
</div>
您可以尝试解决方案一:
//Solution One
$("#thumbs ul a").live('click',function(){
index_image = $("#thumbs ul a").index(this);
var parentUl = $(this).closest('ul'); // this will return the ul container object
}
然后,您可以对parentUl变量执行任何操作,该变量是对您正在查找的ul元素的引用。您希望返回的数字指向哪里?这并没有提供解决方案,但它确实帮助我找到了解决方案。如下所示:$(“#thumbs ul a”).live('click',function(){index#u image=$(“#thumbs ul a”).index(this);var parentUl=$(this).closest('ul');//这将返回ul容器对象索引($(“#thumbs ul ul”).index(parentUl);)很高兴它起到了作用。我不确定你想要parentUl对象做什么,所以我把它放在那里让你玩。