jquery - jQuery index() 的问题

Question

我有一组图像用作幻灯片放映。我使用的 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>

相关JavaScript:

// works fine
var i = $(".active").index("img");
alert(i);  

// does not work
var i = $(".active").index("#Phase1 img");
alert(i);  

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

我尝试了所有不同的方法，但无法让它与父 div 一起使用。 这是 fiddle :http://jsfiddle.net/mBVpc/

Answer 1

试试这个:

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