如何让“I”在 .click 函数中递增

How do I get "I" to increment inside a .click function

本文关键字:函数 click      更新时间:2023-09-26
$('#x').click(function() {
var i=1;
    $('#y').prepend('<div id='+i+'>x'+i+'</div>');
    i++;        
});

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

var i放在click范围之前:

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

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

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

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