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

Question

我有一个由主图像下方的缩略图驱动的幻灯片。我有一个固定的宽度和比这个空间更适合的缩略图。我想要做的是一个简单的检查我在哪个数字缩略图上，如果它超过了适合空间调整边距，所以我想知道的是：

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

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

Answer 1

正如.index() 文档所述：

如果没有参数传递给 .index() 方法，则返回值是一个整数，指示 jQuery 对象中的第一个元素相对于其兄弟元素的位置。

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

所以这对你有用：

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

jsFiddle 示例

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