javascript - jquery动态链接函数参数问题

Question

我在使用 Jquery 创建的一些动态元素时遇到问题。

for(var i = 1; i <= totalPages; i++) {
            var link = $(document.createElement('a')).html(i.toString());
            link.attr("id", "link" + i);
            link.click(function ()
            {
                nextPage(i);
            });
            link.css('cursor', 'pointer');
        }

当我看到页面并单击链接时，他们总是发送带有变量“i”的最后一个值的参数(始终为totalPages + 1)。

有人知道我做错了什么吗？

Answer 1

试试这个

for(var i = 1; i <= totalPages; i++) {
    var link = $(document.createElement('a')).html(i.toString());
    link.attr("id", "link" + i);
    link.data("index", i);
    link.click(function ()
    {
        nextPage($(this).data("index"));
    });
    link.css('cursor', 'pointer');
}