Jquery for循环中生成的按钮没有获得正确的值

我有一个动态网页，显示结果列表，有多个页面。我目前有功能性的“上一页”和“下一页”按钮，但我想像许多网站一样添加特定的页面按钮，这样你就可以直接进入一个页码，而不是一次滚动一个页面。为此，我使用for循环来生成页面按钮，因为页面的数量是可变的。这是我的密码：

@{ var val = 1;}
@for (var i = 1; i <= numPages; i++)
{
    <text> @val </text>
    <button type="submit" class="page-button" value="@val"> @i </button>
    val++;
}

每一个按钮在点击时都会弹出一个警告，上面写着“1”，即使@val的增量正确（我可以判断出来，因为@val显示的数字与它旁边的页面按钮相同）

我也试过了

<button type="submit" class="page-button" value="@i"> @i </button>

@i

---

但同样，即使按钮上显示的数字是正确的，当我单击它们时，它们的值都是1。为什么没有正确分配值？

我不知道JQuery，但我假定

$（“.page button”）.val（）

使用

class=“page button”

获取文档中的所有元素，并返回第一个元素的值。您需要获取对触发事件的当前元素的引用

这似乎对我有用：

alert($(this).val());

但是我真的不知道我在做什么

alert($(this).val());