indexing - 父元素中匹配项的索引，即使它们在其他子容器中

Question

我需要获取与 ul.showreel_thumbnails 相关的 li.play 的索引。这甚至可能吗？我似乎得到的只是 ul.row 中的 li 索引

<ul class="showreel_thumbnails">
    <li>
      <ul class="row">
        <li class="play_video">item</li>
        <li class="play_video">item</li>
        <li class="play_video">item</li>
      </ul>
   </li>
    <li>
       <ul class="row">
       <li class="play_video">item 4</li>
       <li class="play_video">item</li>
       </ul>
    </li>
</ul>

因此，如果单击第 4 项，它应该给我 4 的索引等...

最好的，丹。

Answer 1

它可能不是有效的 HTML，但它是如何工作的（使用 JQuery）：

function FindMyCount()
{
    var item_count = 0;
    $("#showreel_thumbnails li").each(function() {
        ++item_count;
        if($(this).hasClass("igotclicked"))
            return false;
    });
    return item_count;
}

$("#showreel_thumbnails li").click(function() {
    $(this).addClass("igotclicked");
    var myCount = FindMyCount(); // 1 - the # of li's under the showreel piece
    $(this).removeClass("igotclicked");
    // Do what you want here.
});