Obtenir l'index de l'élément en tant qu'enfant par rapport au parent

Question

Disons que j'ai cette balise :

<ul id="wizard">
    <li>Step 1</li>
    <li>Step 2</li>
</ul>

Et j'ai ce jQuery :

$("#wizard li").click(function () {
    // alert index of li relative to ul parent
});

Comment puis-je obtenir l'index de l'enfant li par rapport à son parent, lorsque l'on clique sur ce dernier. li ?

Par exemple, lorsque vous cliquez sur "Étape 1", une alert avec "0" devrait apparaître.

Answer 1

Encore une autre façon

$("#wizard li").click(function () 
{
    $($(this),'#wizard"').index();
});

Démo https://jsfiddle.net/m9xge3f5/