c# - 在枚举列表中的按钮上使用 jquery

Question

我有一个 View ，它将在枚举模型中的每个项目时创建一个表。我需要在每一行添加一个按钮。我需要一个与每个按钮绑定(bind)的 jquery 函数，以便在单击该按钮时显示警报。文本会根据单击的行项目而有所不同，因此我必须知道编辑按钮位于单击的哪一行。那有意义吗？我该怎么做？

这就是我所拥有的

<table>
<% foreach (var item in Model)
       { %>
<tr>
<td><%=Html.encode(item.id) %></td>
<td><%=Html.encode(item.id) %></td>
<td><button id="button<%=item.id%>">select<button>
</tr>
<%}%>
</table>

类似的东西。如何为每个按钮尝试 jquery 函数。这可能吗？谢谢!

Answer 1

未经测试，但应该可以工作:

$(function){
    $('[id^=button]').click(function(){
        var itemId = $(this).attr('id').substring(6);
        alert(itemId);
    });

}

基本上，您可以将单击事件添加到具有以按钮开头的 id 的所有内容。您可以获取项目的 id，但可以从按钮 id 属性中获取子字符串。