如何找出點擊元素的位置？

Question

我如何知道列表項目在什麼位置被點擊。

所以，讓我們說我點擊第二個列表項：

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

然後，我會得到一個警告說類似：

你點擊第二個列表項？

jQuery代碼

$('#top-betting ul li:first').addClass('current'); 
$('#top-betting div:not(:first)').hide(); 

$('#top-betting ul li span').click(function() 
{ 
    ...? 
}); 

標記

<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> 

Answer 1

可以使用.closest()和.index()這樣做：

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

總體而言，I think this is what you're after：

$('#top-betting ul li span').click(function() { 
    $("#top-betting div").eq($(this).closest('li').index()).show() 
         .siblings('div').hide(); 
});​ 

Answer 2

您正在尋找的index method。

Answer 3

index是你以後的方法。

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

檢查的jsfiddle：http://jsfiddle.net/9V9D2/