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

Question

我需要找到带有“ 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会寻找标签而不是类吗？ 我在Google上搜索了很多，并在堆栈上进行了搜索，但是所有示例都包含了我不想要的click事件。

实时示例： http ： //jsfiddle.net/jL7dsv5y/

Answer 1

如果将.index()应用于集合，并将元素传递给它，它将返回该元素在集合中的位置。 这将提醒0 ，因为.span的元素内div是第一次所有的.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>