获取基于类的元素的 Jquery 索引

Get Jquery index of element based on class

本文关键字：Jquery 索引 元素 获取 于类      更新时间：2023-09-26

我需要找到带有类"span"的元素的索引：

<div>
<div>
    <div class="sd">
        <h2> H2 TEXT </h2>
        <span> SPAN </span>
        <span class="span"> SPAN </span>
    </div>
</div>
</div>

所以我做到了：

var q = $('div > div > div.sd').find('.span').index();
alert(q)
这会提醒"

2"，但该类是第一个，也是唯一一个，因此它应该提醒"1"。这是因为 Jquery 寻找标签而不是类吗？我用谷歌搜索了很多并在堆栈上搜索，但所有示例都包含我不想要的点击事件。

现场示例：http://jsfiddle.net/jL7dsv5y/

如果将

.index()应用于集合，并将元素传递给该集合，它将返回该元素在集合中的位置。这将提醒0，因为div中的.span元素是文档中所有.span元素中的第一个。

var q = $(".span").index($('div > div > div.sd').find('.span'));
alert(q);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <div>
    <div class="sd">
      <h2> H2 TEXT </h2>
      <span> SPAN </span>
      <span class="span"> SPAN </span>
    </div>
  </div>
</div>

相关文章：