使用.eq查找所选div的顺序

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()。