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，则返回“5”。

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

Answer 1

如果您想根据ID获取索引，可以这样做：

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

Answer 2

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

索引从零开始，因此第一个元素的索引为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 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>

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

3 个答案: