怎么用jquery获取ul中li的位置

how to get li position using jquery？

最近实现了一个ul无序列表用来展示一些信息，其中需要点击li时获取该li项在ul中的位置。当然，如果需求只是这样，很简单。代码如下即可。

• html代码

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

• js代码

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

由于项目中所用的li无序列表是由模板引擎动态生成的，始终遇到一些问题不能正常获取到位置信息。后采用以下方法解决。

• html代码

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

• js代码

$("#wizard a").click(function(){   
pos = $("#wizard a").index($(this));  
console.log("pos:"+pos);   
});