獲取基於類的元素的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>