Question

我的li列表包含2组数据data-type='a'和data-type='b'，而a / b的顺序是随机的。当用户仅基于其中一个组点击li时，如何获取索引？例如，单击第3 li将返回索引1，其中包含html。

<li>
  <div class='img' data-type='a'>
  </div>
</li>
<li>
  <div class='img' data-type='b'>
  </div>
</li>
<li>
  <div class='img' data-type='b'>
  </div>
</li>
<li>
  <div class='img' data-type='a'>
  </div>
</li>
<li>
  <div class='img' data-type='b'>
  </div>
</li>
<li>
  <div class='img' data-type='a'>
  </div>
</li>

Answer 1

你可以使用.index()的第3版，它根据调用.index（）的元素集返回pass项的索引。（courtesy Arun P Johny）

然后将它与属性选择器结合..

$("div").click(function() {
    var dataType = $(this).data("type");
    alert($("[data-type='" + dataType + "']").index(this));
});

Fiddle

从不同的元素组获取索引

1 个答案: