我生成以下内容html
code
<table>
@for (int i = 0; i < Model.listUsers.Count; i++)
{
<tr>
<td> @Html.DisplayFor(m => m.listUsers[i].Name)</td>
<td> @Html.DisplayFor(m => m.listUsers[i].Phone) </td>
<td>
<button type="button" id="delete" data-id="@Model.listUsers[i].ID">Delete</button>
</td>
</tr>
}
</table>
我想删除一行,
<script>
$(document).ready(function () {
$("#delete").on("click", function () {
var tr = $(this).closest('tr');
tr.remove();
});
});
</script>
执行此操作,该行将被删除,但它仅在第一次有效,即仅一次。
如何删除任意行?
HTML 中的 ID 必须是唯一的,使用一个类,然后你可以使用类选择器(“.class”).
选择具有给定类的所有元素。
HTML
<button type="button" class="delete" data-id="@Model.listUsers[i].ID">Delete</button>
Script
$(document).ready(function () {
$(".delete").on("click", function () {
var tr = $(this).closest('tr');
tr.remove();
});
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)