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');