计算元素然后返回特定元素的索引？

Question

我的幻灯片由主图像下方的缩略图驱动。我有一个固定的宽度和更多的缩略图，而不是适合这个空间。我想要做的是简单检查一下我所使用的缩略图数量，以及它是否适合空间调整边距，所以我想知道的是：

我知道如何使用.length计算元素的数量，但是如何检查具有活动类的元素的索引？

<ul>
  <li>one</li>
  <li>two</li>
  <li>three</li>
  <li class='active'>four</li>
  <li>five</li>
</ul>

Answer 1

作为.index() docs州：

  

如果没有将参数传递给.index（）方法，则返回值为   一个整数，表示第一个元素在其中的位置   jQuery对象相对于它的兄弟元素。

     

如果在元素集合和DOM元素上调用.index（）或   传入jQuery对象，.index（）返回一个指示的整数   传递元素相对于原​​始集合的位置。

所以这对你有用：

$('li.active').index()    // Returns 3

<强> jsFiddle example

请记住，计数是从零开始的。