发现顺序与.EQ

Question

我有以下HTML：

<div id="MyDiv"> 

    <div class="MyClass">test1</div> 
    <div class="MyClass">test2</div> 
    <div class="MyClass">test3</div> 
    <div class="MyClass">test4</div> 

</div> 

当我点击一个MyClass的元素，我需要在TheIndex

返回元素的顺序

$('.MyClass').click (function(){ 
var TheIndex = ? 
alert(TheIndex); 
}); 

例如，如果用户点击test2，则需要返回2，因为它是第二个元素。

感谢您的建议。

Answer 1

你可以使用：

$('.MyClass').click(
    function(){ 
     alert($(this).index()); 
    }); 

JS Fiddle。考虑到JavaScript使用从零开始的数组，因此单击'test2'将提醒'1'的值而不是'2'。要修改这一点，你可以简单地用数值加1：

$('.MyClass').click(
    function(){ 
     alert(($(this).index()) + 1); 
    }); 

JS Fiddle。

---

参考：

• index()。