jquery - 通过for循环添加点击事件

Question

此代码工作正常 - 单击第一个 (li) 会产生“0”，单击第二个 (li) 会产生“1”。

$("li").eq(0).click(function () { alert(0) });
$("li").eq(1).click(function () { alert(1) });

但是，我宁愿使用 for 循环。如下所示，每个 (li) 产生“2”。

for (var i = 0; i < 2; i++) {
            $("li").eq(i).click(function () { alert(i) });
        }

为什么？提前致谢。如果这是显而易见的事情，我深表歉意，但这让我发疯。

Answer 1

使用 jQuery index() 方法要简单得多，不需要 for 循环:

$('li').click(function(){ 
   /* "this " is element clicked*/       
    alert( $(this).index() );
});

使用不带参数的index()将返回元素与其同级元素的索引。还有一些方法可以将 index() 用于其他元素集合

API引用:http://api.jquery.com/index