如何让“I”在.click函数内增加

Question

$('#x').click(function() {
var i=1;

    $('#y').prepend('<div id='+i+'>x'+i+'</div>');
    i++;        
});

我希望i增加，现在由于某种原因它不是。我同意这是一个愚蠢的问题。

Answer 1

将var i放在click范围之前：

var i=1;
$('#x').click(function() {
    $('#y').prepend('<div id='+i+'>x'+i+'</div>');
    i++;        
});

Answer 2

尽量不要乱扔全球范围。此解决方案将封装i，但仍保留其值

$('#x').click((function() {
    var i = 1;
    return function () {
        $('#y').prepend('<div id='+i+'>x'+i+'</div>');
        i++;        
    }
})());

示例：http://jsfiddle.net/Hxw3q/