javascript - 如何调用父变量i++

Question

我在一个页面上有多个按钮，并希望它们执行类似的任务。在 PHP 中我可以设法做到这一点，但在 JavaScript 中我似乎无法让它工作:

for (i= 0; i<5; i++){
  $("#btn_"+i).click(function(){
    alert(i);                                 
  });
}

警报始终为5

我的 PHP 解决方案工作正常，但我想减少在页面上编写的代码...

<?php
for ($i= 0; $i<5; $i++){
?>

  $("#btn_page-<?php print $i; ?>").click(function(){
    $("#btn_"+i).click(function(){
      alert("<?php print $i; ?>");                                 
    });

<?php
}
?>

Answer 1

你需要为此关闭。您也可以使用 jQuery 传递事件数据内的引用:

for(i = 0; i < 5; i++) {
    $("#btn_"+i).click({ counter: i }, function(e) {
        alert(e.data.counter);                                 
    });
}

这是一个jsFiddle .