父元素中匹配项的索引,即使它们在其他子容器中也是如此

时间:2012-08-17 15:25:24

标签: indexing parent children

我需要获取与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等索引......

最好,Dan。

1 个答案:

答案 0 :(得分: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.
});