Hadi bu işaretleme var ki:

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

Ve bu bir WordPress kullanmak zorundayım:

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

Nasıl li tıklandığında çocuk li dizini ana göre alabilir miyim?

"Adım 1", "0" açılır. alert ' I örneğin,

$("#wizard li").click(function () {
    console.log( $(this).index() );
});

Her madde için tek bir tıklama işleyicisi iliştirmek yerine, ancak bu gibi görünecektir: delegate kullanmak daha iyi (performans açısından)

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

JQuery 1.7 , on kullanmalıdır. Aşağıdaki örnek #wizard öğesine olay, temsilci bir olay gibi çalışmaya bağlar:

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