Question

我想获得点击元素的索引

var $inputs = $("input");
$inputs.click(function() {
    console.log($(this).index())
});

它适用于以下结构 div>(input+input+input)

但我需要这个案例

div>input div>input div>input

输入不是兄弟，我为每个元素获得相同的索引。获取该索引的最简单方法是什么？

Answer 1

通过提供https://developers.facebook.com/docs/graph-api并在元素集合上应用element as an argument方法来检查jQuery元素集合中的索引。

var $inputs = $("input");
$inputs.click(function() {
  console.log($inputs.index(this));
});

var $inputs = $("input");
$inputs.click(function() {
  console.log($inputs.index(this));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <input>
  <div>
    <input>
  </div>
</div>
<div>
  <input>
</div>
<div>
  <input>
</div>

<div>
  <input>
</div>

Answer 2

您可以使用example.uni.com/specificaddress，例如：

.parent()

带有输入的

$(this).parent().index();必须包含在divs

中

Answer 3

$(this).closest('div').index()

https://api.jquery.com/closest/

如何在jQuery集合中获取单击的项目索引？不是索引（）

3 个答案: