获取给定常量 class 和唯一 ID 的元素的索引

Question

在这种情况下如何使用元素的 ID 获取元素的索引：

<div class="example" id="f126759614"></div>
<div class="example" id="ac0813e658"></div>
<div class="example" id="9b4f47250e"></div>
<div class="example" id="00dc780b73"></div>
<div class="example" id="ca6441a472"></div>
<div class="example" id="8c909d1e96"></div>

比如我要获取.example #f126759614的索引，就是“0”，如果输入.example #8c909d1e96，就是return“5”。

（ID 实际上是 UUID；我只是为了示例而缩短了它们）

Answer 1

您可以使用 .index() method 到 return 元素的索引。

索引从零开始，因此第一个元素的索引为 0:

$('#f126759614').index(); // 0
$('#9b4f47250e').index(); // 2

示例：

$('.example').text(function() {
  return $(this).index();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <div class="example" id="f126759614"></div>
  <div class="example" id="ac0813e658"></div>
  <div class="example" id="9b4f47250e"></div>
  <div class="example" id="00dc780b73"></div>
  <div class="example" id="ca6441a472"></div>
  <div class="example" id="8c909d1e96"></div>
</div>

要处理有多个兄弟元素的情况，并且您只想检索与特定元素相关的索引，您可以传递一个选择器：

$('.example').index($('#f126759614')); // 0
$('.example').index($('#9b4f47250e')); // 2

例如：

$('.example').text(function() {
  return $('.example[id]').index(this);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <div class="example" id="f126759614"></div>
  <div>Skip this</div>
  <div class="example" id="ac0813e658"></div>
  <div class="example" id="9b4f47250e"></div>
  <div class="example" id="00dc780b73"></div>
  <div>Skip this</div>
  <div class="example" id="ca6441a472"></div>
  <div class="example" id="8c909d1e96"></div>
</div>

Answer 2

以防万一你想得到一个基于 ID 的索引，你可以这样做：

// would return 4
alert( $( '.example' ).index( $( '#ca6441a472' ) ) )

Answer 3

应该这样做：$('#id').index('.class');，例如：

$('#00dc780b73').index('.example');

console.log( $('#00dc780b73').index('.example') );

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="example" id="f126759614"></div>
<div class="example" id="ac0813e658"></div>
<div class="example" id="9b4f47250e"></div>
<div class="example" id="00dc780b73"></div>
<div class="example" id="ca6441a472"></div>
<div class="example" id="8c909d1e96"></div>

获取给定常量 class 和唯一 ID 的元素的索引

Get the index of an element given a constant class and unique id

javascript

jquery

uuid