特定类的 jquery 索引

Question

假设我有这个 HTML:

<div>

  <div class="ClassA"></div>
  <div class="ClassX"></div>
  <div class="ClassB"></div>
  <div class="ClassC"></div>
  <div class="ClassX"></div>
  <div class="ClassA"></div>
  <div class="ClassX"></div>

</div>

当我点击 ClassX 时，我希望获得它的顺序。例如，如果我单击第一个 ClassX，它应该返回 1，如果我单击第二个 ClassX，它应该返回 2。

$('.ClassX').click(function () {

  var TheOrder = 0;

  //code here for TheOrder

  alert(TheOrder);

});

Answer 1

定义 ClassX 元素的子集，然后使用该子集获取单击元素的索引，如下所示:

var $elements = $('.ClassX');

$elements.click(function ()
{
  var i = $elements.index(this);
  console.log(i);
});