Jquery 如何找出被点击元素的位置?

Jquery 如何找出被点击元素的位置?,jquery,click,position,Jquery,Click,Position,如何确定列表项在什么位置被单击 假设我点击了第二个列表项: <li><a href="#"><span>Tab 2</span></a></li> 标记 <div id="tabs"> <ul class="clearfix"> <li><a href="#"><span>Tab 1</span></a></li&g

如何确定列表项在什么位置被单击

假设我点击了第二个列表项:

<li><a href="#"><span>Tab 2</span></a></li>
标记

<div id="tabs">
   <ul class="clearfix">
      <li><a href="#"><span>Tab 1</span></a></li>
      <li><a href="#"><span>Tab 2</span></a></li>
      <li><a href="#"><span>Tab 3</span></a></li>
   </ul>

   <div>Content 1</div>
   <div>Content 2</div>
   <div>Content 3</div>
</div>

内容1 内容2 内容3
您正在查找。

您正在查找。

您可以使用以下方法进行操作:

$('#top-betting ul li span').click(function() {
   var index = $(this).closest('li').index();
});
总的来说:

您可以使用和这样做:

$('#top-betting ul li span').click(function() {
   var index = $(this).closest('li').index();
});
总的来说:


index
是您所追求的方法

$('li a').click(function(e){
        var $li = $(this).parents('li');
        var $ul = $(this).parents('ul');
        alert($ul.children().index($li));
    });

检查JSFIDLE:

索引是您要使用的方法

$('li a').click(function(e){
        var $li = $(this).parents('li');
        var $ul = $(this).parents('ul');
        alert($ul.children().index($li));
    });

检查JSFIDLE:

答对了,谢谢你,尼克。再过10分钟我就接受不了了yetBingo谢谢Nick。我再过10分钟也不能接受它了,是的,没有必要这么做,
$(this)。最近的('li')。index()
有效:)
。index()
不带任何参数获取元素相对于其同级的索引。谢谢,刚刚看到了您的答案。我必须说index()是一个给我带来最多问题的jQuery方法。没有必要这么做,
$(this)。最近的('li')。index()
可以工作:)
。index()
不带参数可以获取元素相对于其同级的索引。谢谢,刚刚看到了您的答案。我必须说index()是给我带来最多问题的jQuery方法之一。