获取点击元素的索引

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>