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);
});

Answer 2

将.index与选择器一起使用：

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

  var TheOrder = $(this).index(".ClassX") + 1; // index is 0-based.

  alert(TheOrder);

});

示例： http://jsfiddle.net/kykWr/

特定类的jquery索引

2 个答案: