javascript每个使用最后一个变量值

Question

https://jsfiddle.net/12xmodp9/1/

使用jquery进行每次操作时，如何使用每次选择的数字？

例如在这种情况下，我希望警报显示单击的元素的数量。

<div id="foo"></div>
<script type="text/javascript">
for (i = 0; i < 20; i++) {
    $('#foo').append(
        $('<a>',
            {href: '#',
            id: "foo_" + i,
            html: i 
            }).on("click", function(){alert(i)})
    );
}
</script>

相反，它始终显示“ 20”

Answer 1

快速的解决方法是警告您的html，即“ i”

    <script type="text/javascript">
for (i = 0; i < 20; i++) {
    $('#foo').append(
        $('<a>',
            {href: '#',
            id: "foo_" + i,
            html: i 
            }).on("click", function(){alert($(this).html())})
    );
}
</script>