javascript - 如何使用 jquery 查找列表项出现在哪个数字父项中？

Question

我有一个菜单系统，它指示事件项目的类别为“已选择”。菜单项被分类到包含在 div 中的组中。我正在尝试确定所选项目所在的组号。例如，在下面的代码中它位于第二个 div 组中，因此我试图返回值“2”。这可能吗？

<div class="nav_group">
   <ul>
      <li></li>
      <li></li>
   </ul>
</div>
<div class="nav_group">
   <ul>
      <li></li>
      <li></li>
      <li class="selected"></li>
   </ul>
</div>

Answer 1

检索 .index()的 .closest() div.nav_group 包含 li.selected:

jQuery(function($) {

    var index = $('li.selected').closest('.nav_group').index();
    console.log(index); // outputs 1 (as 0 is the first)

});

Working JSFiddle