如何在JQuery按钮点击函数中传递@item.Id参数？

下面提供几种可行的实现方式，基于你现有代码修改即可：

方法一：利用HTML data属性（推荐） #

修改按钮，添加data-id属性存储@item.Id的值，再在点击事件中读取该属性：

<button id="buttonEdit" style="color:darkgreen" data-toggle="modal" data-target="#EditRecord" data-id="@item.Id">@item.Id</button>

对应JS代码：

$(document).ready(function () {
    $("#buttonEdit").click(function () {
        var itemId = $(this).data('id');
        $("#Id").val(itemId);
    });
});

方法二：直接读取按钮文本内容 #

因为按钮显示的内容就是@item.Id，可以直接获取按钮文本作为参数：

$(document).ready(function () {
    $("#buttonEdit").click(function () {
        var itemId = $(this).text().trim();
        $("#Id").val(itemId);
    });
});

按钮部分无需修改，保留你原有的代码即可。

方法三：Razor直接注入到事件中 #

把@item.Id直接绑定到按钮的onclick事件，传递给处理函数：

修改按钮：

<button id="buttonEdit" style="color:darkgreen" data-toggle="modal" data-target="#EditRecord" onclick="handleEdit(@item.Id)">@item.Id</button>

对应JS代码：

function handleEdit(itemId) {
    $("#Id").val(itemId);
}

// 若要保留$(document).ready结构，可省略click事件绑定
$(document).ready(function () {
    
});

注意：如果@item.Id是字符串类型，需要在外层加单引号，比如onclick="handleEdit('@item.Id')"

内容的提问来源于stack exchange，提问作者Mert Çakar