przykład jQuery get index/pozycja rodzeństwa

Question

Powiedzmy mam następujący kod HTML

<ul> 
<li id="a">a</li> 
<li id="b">b</li> 
<li id="c">c</li> 
</ul> 
<ul> 
<li id="d">d</li> 
<li id="e">e</li> 
<li id="f">f</li> 
</ul> 

Jeżeli użyłem jQuery chwycić pozycja $ („# e”), w jaki sposób określić położenie pozycji/indeks e względem jego rodzeństwa d i f? Innymi słowy, spodziewam się, że wartość 1 (jeśli indeks bazujący na zerach) zostanie zwrócony lub 2 (jeśli indeks bazuje na jednym), ponieważ jest to drugi element na liście ul.

Answer 1

Proste: var idx = $('#e').index() // zero based

Answer 2

Można użyć .index() aby uzyskać indeks oparty na zero elementu w stosunku do jego rodzeństwa.

$('#e').index(); 

http://jsfiddle.net/LXS9F/

Answer 3

Możesz też spróbować:

$(function() { 
    $('ul li').each(function(idx, e) { 
     $(this).on('click', function() { 
      alert(idx); 
     }); 
    }); 
}); 

Jedynym problemem jest to, że będziemy obecnie główna Wszystkie li na całej stronie.

Edit

Ten daje indeks wszystkich li treści.

$(function() { 
    $('ul li').each(function(idx, e) { 
     $(this).on('click', function() { 
      alert($('#' + $(this).attr('id')).index()); 
     }); 
    }); 
}); 

Answer 4

Można również użyć var ​​IDX = $("#e").prevAll().size()

Answer 5

function getIndex(id) { 
    $('ul > li').each(function() { 
     if ($(this).attr('id') == id) { 
      return i; 
     } 
    }); 
    return 0; 
}