jQuery索引（）有问题

我有一组图片用作幻灯片放映。我使用的javascript查看哪个图像上有.active类，以了解显示的是哪个图像。问题是，jQuery的.index（）函数没有像我预期的那样工作。因此：

<div id="Phase1">    
    <img src="_images/Phase1-Slide1.jpg" alt="1" class="active">
    <img src="_images/Phase1-Slide2.jpg" alt="2">
    <img src="_images/Phase1-Slide3.jpg" alt="3">
    <img src="_images/Phase1-Slide4.jpg" alt="4">
    <img src="_images/Phase1-Slide5.jpg" alt="5">
    <img src="_images/Phase1-Slide6.jpg" alt="6">
</div>

我需要能够指定父div，因为我正在处理2个幻灯片，每个幻灯片都有不同的活动图像和不同的图像总数

我尝试了所有不同的方法，但无法让它与父div一起工作。问题是：

试试这个：

$('#Phase1 img.active').index();

我想你想要这个：

var i = $("#Phase1 .active").index("img");

原因是，

index（）

是基于选择器对元素集合调用的，因此在尝试获取索引之前，必须先进行所需的选择（在本例中，

.active

将div中id为

#Phase1

的类元素设置为类元素，这是选择器返回的内容）

var i = $("#Phase1 .active").index("img");