Comment obtenir l'index de la liste Articles sur le clic de li en utilisant jquery

Question

Y at-il un moyen par lequel je peux obtenir l'index des éléments de la liste sur le clic de l'élément li en utilisant JavaScript/jQuery?

<ul> 
    <li>item1</li> 
    <li>item2</li> 
    <li>item3</li> 
</ul> 

Answer 1

$('ul li').click(function(){ alert($(this).index()); }); 

Answer 2

Utilisez l'événement onClick pour appeler la fonction getIndex (pas jQuery nécessaire, la vanille juste javascript):

onClick = "getIndex(this);" 

function getIndex(node) { 
    var childs = node.parentNode.childNodes; 
    for (i = 0; i < childs.length; i++) { 
    if (node == childs[i]) break; 
    } 
    return i; 
} 

Index commencera en commençant par 0! Pour laisser commencer par 1: return i+1