Question

我有一个视图，它会在枚举模型中的每个项目时创建一个表格。每行我需要添加一个按钮。我需要将每个按钮绑定一个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);
    });

}

基本上你将click事件添加到id为以button开头的所有内容。然后你得到项目的id，但是从按钮id属性获取子串。

Answer 2

以下内容将查找表格中以“按钮”开头的所有按钮。根据您的示例，这将找到您的所有数据绑定按钮并附加一个onclick处理程序，该处理程序将显示一个显示按钮唯一ID的警报。

$('table tr td button[id^=button]').click(
function (e) {
alert($(this).id);
e.preventDefault();
});

然后你可以修改它以满足你的需要。

在枚举列表中使用jquery按钮

2 个答案: