Question

我尝试为列表的每个元素关联一个删除按钮。目标是在单击删除按钮时删除列表的元素。我找不到如何检索与行删除按钮对应的元素的id。有人可以帮我写一个jquery函数。

有代码：

<% var i = 1;
            foreach (var item in Model.List)
            {%>
                <tr>
                    <td>
                        <%:Html.TextBox("IdElement"+ i.ToString(), item.Id) %>
                    </td>
                    <td>
                        <%:Html.TextBox("NameElement"+ i.ToString(), item.Name) %>
                    </td>
                    <td>
                        <input  type="button" id="ButtonDelete" name="ButtonName" value="Delete" />
                    </td>
                </tr>
            <%}%>

提前谢谢。

Answer 1

像这样的东西。顺便说一下，你的Deletebutton必须有一个唯一的id，这不是这里的情况。

$("input[value='Delete']").click(function () {
    var id = $(this).closest("tr").find("input:first").text();
});

Answer 2

亲爱的第一个必须为每个按钮的唯一ID，其次你可以这样添加这样的额外类。

<input  type="button" id="ButtonDelete" class="DelButton" name="ButtonName" value="Delete" />

然后调用这个jquery函数你将得到当前的id。

$('.DelButton').click(function() {
    alert($(this).attr('id'));
});

Answer 3

您可以尝试以下步骤来实现，但我会建议使用链接而不是按钮。

步骤：

使用输入参数作为要删除的元素的id创建删除操作的操作方法。删除重定向到显示该列表的实际视图后。
将链接替换为指向步骤1中创建的操作方法的URL，并使用该操作方法的查询字符串id删除该元素。

因此，点击链接时，相应的操作方法将命中并从数据库中删除记录并重定向回列表视图。

注意：您可以使用bootstrap css将链接设置为按钮样式。请参阅Get boostrap

Answer 4

这就是答案。

<input  type="button" id="ButtonDelete" name="Information" value="Delete" onclick="GetIds(this);"/>

function GetIds(sender) {
    var IdElement = $($(sender).parent().parent()).find('input').val();
}

使用asp.net mvc中的jquery删除列表中每个元素的按钮

4 个答案: