Question

让我说,我有这种超文本:

<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>

当我点击时,我会看到X级的命令。例如,如果我点击第一个X级,它就应当返回1级,如果我点击第二个X级,它应当返回2级。

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

  var TheOrder = 0;

  //code here for TheOrder

  alert(TheOrder);

});

Answer 1

Use .index with a selector:

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

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

  alert(TheOrder);

});

http://jsfiddle.net/kykWr/“rel=”nofollow。 http://jsfiddle.net/kykWr/。

Answer 2

界定X级元素的子组,然后使用该子组来获取被点击元素的指数,如:

var $elements = $( .ClassX );

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

友情链接