bekommen index von li in der ul

Habe ich die folgenden ul

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

wenn ich auf einen Anker-ich will zum abrufen der index des übergeordneten 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);
    });
  });
  • index ist 0 bei jedem Klick
InformationsquelleAutor Babulaas | 2015-12-08
  1. 1

    Verwenden Sie einfach:

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

    DEMO-FIDDLE

    InformationsquelleAutor jGupta
  2. 3

    Versuchen Sie dies :

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