获取 ul 中 li 的索引

Question

我有以下 ul

<ul id="menu">
<li class="item"><a href=""></li>
<li class="item"><a href=""></li>
<li class="item"><a href=""></li>
</ul>

当我点击一个锚点时，我想检索父 li 的索引

jquery:

$("#menu li.item a").each(function(){
    $(this).click(function(e){
      e.preventDefault();
      var current_menuitem = $(this).closest("li.item");
      var menu_items = $(current_menuitem).closest("ul#menu");
      var menu_index = (menu_items.index(current_menuitem)) + 1;

      console.log("id: " + menu_index);
    });
  });

Answer 1

试试这个：

$("#menu ul").find('a').click(function () {
    var str = $(this).parents("li").index();
    alert(str);
});

Answer 2

只需使用：

$("#menu li.item a").each(function(){
    $(this).click(function(e){
            console.log($(this).parent().index());
      e.preventDefault();
    });
  });

DEMO FIDDLE