獲取點擊元素的索引

Question

嗨，我有這段代碼。我需要獲得點擊元素的基於0的索引。

這是我的代碼。我總是得到-1作爲索引。 理想情況下，單擊第一個鏈接將打印0，第二個打印1. 我正在使用jquery 1.3.2。 JavaScript代碼也很好。

我缺少什麼？

<script type="text/javascript"> 
function handleClick(id) {   
     var par = document.getElementById('par'+id);   
     alert('Index= ' + $('#clips').index(par)); 
     } 
</script> 

<div id="clips" style="clear:both">             
     <div id="par30" class="alb rc32"> 
      <div class="fl rc32 thm"> 
       <a id="30" onclick="handleClick(30);">Link 1</a> 
      </div> 
     </div> 
     <div id="par40" class="alb rc32"> 
      <div class="fl rc32 thm"> 
       <a id="40" onclick="handleClick(40);">Link 2</a> 
      </div> 
     </div> 
     <div id="par50" class="alb rc32"> 
      <div class="fl rc32 thm"> 
       <a id="50" onclick="handleClick(50);">Link 3</a> 
      </div> 
     </div>           
     </div> 

Answer 1

您正在使用的索引功能失常。

嘗試

<script type="text/javascript"> 
function handleClick(id) {   
     var par = document.getElementById('par'+id);   
     alert('Index= ' + $('#clips > div').index(par)); 
     } 
</script> 

看到http://api.jquery.com/index/

如果的.index（）被調用上的元件的集合和 DOM元素或 jQuery對象中傳遞，的.index（） 返回一個整數，指示傳遞元素 相對於原始集合的 位置。

Answer 2

這工作：

<script type="text/javascript"> 
    function handleClick(id) { 
     var $par = $('#par' + id); 
     alert($par.index()); 
    } 

<div id="clips" style="clear:both">             
    <div id="par30" class="alb rc32"> 
     <div class="fl rc32 thm"> 
      <a href="javascript:void(0);" id="30" onclick="handleClick(30);">Link 1</a> 
     </div> 
    </div> 
    <div id="par40" class="alb rc32"> 
     <div class="fl rc32 thm"> 
      <a href="javascript:void(0);" id="40" onclick="handleClick(40);">Link 2</a> 
     </div> 
    </div> 
    <div id="par50" class="alb rc32"> 
     <div class="fl rc32 thm"> 
      <a href="javascript:void(0);" id="50" onclick="handleClick(50);">Link 3</a> 
     </div> 
    </div>           
    </div>