如何在该项目的单击事件期间获取列表项的索引？

Question

如何在该项目的点击事件中获取列表项的索引？

<ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
<ul>

$('li').live('click', function(e){
    alert(e.index);
})

由于

Answer 1

$(document).delegate('li', 'click', function () {
    alert($(this)).index());
});

以下是演示：http://jsfiddle.net/xERTx/1/

.live()现在从jQuery 1.7开始折旧，支持.on()和.delegate()（来源：http://api.jquery.com/live）。

Answer 2

您是否尝试过index关键字？

http://api.jquery.com/index/

Answer 3

尝试这样的事情，

$(e.target).index( $(e.target).parent() );

Answer 4

解决方案

http://jsfiddle.net/SMpWs/1/

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