Dom 获取已单击元素的索引

嗨，我有这个密码。我需要获取单击元素的基于0的索引

这是我的密码。我总是得到-1作为索引。 理想情况下，单击第一个链接将打印0，第二个链接将打印1。 我正在使用jquery1.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>

函数handleClick（id）{
var PAR =文档.GETelEnMyBid（“PAR”+ ID）；
警报（'Index='+$（'#clips'）。索引（par））；
}
链接1
链接2
链接3

这项工作：

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

函数handleClick（id）{
var$par=$（“#par”+id）；
警报（$par.index（））；
}

---

您使用的索引函数错误

试一试

函数handleClick（id）{
var PAR =文档.GETelEnMyBid（“PAR”+ ID）；
警报（'Index='+$（'#clips>div'）。索引（par））；
}

看

如果对集合调用了.index（） 元素和DOM元素或 jQuery对象已传入，.index（） 返回一个整数，该整数指示 传递的元素的位置 相对于原始集合

---

有时候很难成为第一个答案！我将使用的选择器从“#clips”更改为“#clips>div”，然后使用传入您要索引的特定对象的集合调用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>

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