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

我尝试为列表的每个元素关联一个删除按钮。目标是在单击delete按钮时删除列表中的元素。 我找不到如何检索与line delete按钮对应的元素的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>
            <%}%>

---

提前谢谢你。

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

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

---

亲爱的第一个必须是每个按钮的唯一id，第二个你可以这样做添加额外的类这样

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

---

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

步骤：

为delete操作创建一个操作方法，输入参数作为要删除的元素的id。删除后重定向到显示该列表的实际视图

用指向在步骤1中创建的操作方法的url替换button by link，并使用该操作方法的查询字符串id来删除该元素

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

---

注意：您可以使用引导css将链接样式设置为按钮。参考答案。

这是答案。

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

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

函数getID（发送方）{
var IdElement=$（$（发送方）.parent（）.parent（））.find（'input'）.val（）；
}

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

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