動態鏈接函數參數問題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');
}