根据类获取元素的Jquery索引

时间:2014-12-14 10:30:57

标签: javascript jquery indexing

我需要找到类“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/

1 个答案:

答案 0 :(得分:2)

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

&#13;
&#13;
var q = $(".span").index($('div > div > div.sd').find('.span'));
alert(q);
&#13;
<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>
&#13;
&#13;
&#13;