jQuery - 查找相对于其容器的元素索引

Question

这是我的HTMl结构：

<div id="main">
   <div id="inner-1">
      <img />
      <img />
      <img />
   </div>

   <div id="inner-2">
      <img />
      <img class="selected" />
      <img />
   </div>

   <div id="inner-3">
      <img />
      <img />
      <img />
   </div>
</div>

我要做的是获取相对于#main div的img.selected元素的索引。所以在这个例子中，索引应该是4（假设基于0的索引）而不是1。

我常常获取索引的方法是使用$element.prevAll().length，但很明显，这将返回相对于＃inner-2 div的索引。

我尝试使用$('img.selected').prevAll('#main').length但是返回0：/

Answer 1

这将有效;它在img内的所有#main标记的集合中找到所选图像的索引。

$('#main img').index('img.selected');