Trovare il numero di li cliccato

Question

Ho un elenco standard ...

 <ul> 
      <li><a href="#">blah 1</a></li> 
      <li><a href="#">blah 2</a></li> 
      <li><a href="#">blah 3</a></li> 
      <li><a href="#">blah 4</a></li> 
     </ul> 

E il mio jQuery:

$('ul li a').live('click', function() { 
    var parent = $(this).parent('li'); 
}); 

Quello che voglio sapere è la posizione della Li padre nell'elenco della link cliccato es cliccando su blah 3 mi darebbe 2, blah 4 darebbe 3 ecc.

Qualche idea?

Answer 1

$('ul li a').live('click', function() { 
    console.log($(this).parent('li').index()); 
}); 

Vi darà quello che vuoi, ma tenere a mente queste sono 0 indici basati - cioè la prima voce è indice 0, l'elemento ultima riga è 3.

jQuery index() method documentation

Answer 2

Il metodo index dovrebbe fare ciò che si desidera.

Answer 3

$(function() { 
    $('ul li a').live('click', function() { 
     var parent = $(this).parent('li'); 
     alert(parent.prevAll('li').size()); 
    }); 
}); 

Answer 4

è possibile ottenere l'indice di un elemento con jquery`s index

$('ul li a').live('click', function() 
{ 
    var index = $(this).index(); 
});  

Answer 5

Non c'è bisogno di jQueryfy questo:

$('ul li a').live('click', function() { 
    var position = 0; 
    var currentNode = this; 
    var firstNode = currentNode.parentNode.firstChild; 
    while(firstNode != currentNode) { 
     position++; 
     currentNode = currentNode.previousSibling; 
    } 
    alert(position); 
}); 

Answer 6

So che questo è un vecchio post, ma .live ora è deprecato in jQuery 1.7 e rimosso in jQuery 1.9.

L'alternativa è quella di utilizzare .delegate:

$('ul li').delegate('a','click', function() { 

    alert($(this).parent('li').index()); 

});