Javascript jQuery是否删除除所选行以外的所有表行?
我正试图找到使用jQuery删除除所选行之外的所有行的最佳方法。我做了一些搜索,我看到了一些关于删除所有记录或除第一行或最后一行之外的所有记录的帖子,但除了选中的一行之外,没有任何关于删除所有记录的帖子 该场景将搜索员工列表,其中可能返回5条记录。然后会有一个选择按钮,当您单击该按钮时,它将删除除该行之外的所有行。实际上,我的想法不仅是删除行,而且隐藏选择按钮并显示一个文本框,以及在表格下方显示一个添加按钮,以添加在文本框中输入项目的员工 我考虑过在每一行上放置一个隐藏字段,将该行索引传递给jQuery函数,然后循环遍历所有Tbody.Tr,如果它与传入的行索引不匹配,则删除 另一个想法是在每个Select按钮上单击一次,然后在函数中使用它来引用该行,但是我不知道如何有效地说除了$this行之外删除所有Javascript jQuery是否删除除所选行以外的所有表行?,javascript,jquery,Javascript,Jquery,我正试图找到使用jQuery删除除所选行之外的所有行的最佳方法。我做了一些搜索,我看到了一些关于删除所有记录或除第一行或最后一行之外的所有记录的帖子,但除了选中的一行之外,没有任何关于删除所有记录的帖子 该场景将搜索员工列表,其中可能返回5条记录。然后会有一个选择按钮,当您单击该按钮时,它将删除除该行之外的所有行。实际上,我的想法不仅是删除行,而且隐藏选择按钮并显示一个文本框,以及在表格下方显示一个添加按钮,以添加在文本框中输入项目的员工 我考虑过在每一行上放置一个隐藏字段,将该行索引传递给jQ
为什么不在所选行的id上筛选Model.listEmployee?这是假设您当前的设置是被动的 即:
第一个id必须是单数,因此id=btnSelect不起作用。让它成为一个类或名称 因此,选择TR并选择同级,您可以删除它 $tbody.onclick,button,function{//将单击绑定到按钮 var button=$this//获取单击的内容 $this.closesttr//选择TR .兄弟姐妹//获取其他TR .移除//嗯,移除它们 button.hide//隐藏按钮 button.sides.removeAttr'hidden'//显示输入 }; 名字 姓 员工ID 职位名称 A@item.FirstName @item.LastName @item.EmployeeId @项目名称 选择 B@item.FirstName @item.LastName @item.EmployeeId @项目名称 选择 C@item.FirstName @item.LastName @item.EmployeeId @项目名称 选择 D@item.FirstName @item.LastName @item.EmployeeId @项目名称 选择
仅供参考,ids需要特别注意。如果您有两种方法,请尝试!完美的我没有考虑使用CSS作为选择器,很明显,我不知道.sides.remove。谢谢
<table class="table table-hover table-striped table-bordered table-sm">
<thead class="thead-light">
<tr>
<th>First Name</th>
<th>Last Name</th>
<th>Employee ID</th>
<th>Position Title</th>
<th></th>
</tr>
</thead>
<tbody>
@foreach (var item in Model.listEmployee)
{
<tr>
<td>@item.FirstName</td>
<td>@item.LastName</td>
<td>@item.EmployeeId</td>
<td>@item.PositionTitle</td>
<td>
<button id="btnSelect" class="btn btn-sm">Select</button>
<input id="txtCaseNo" type="text" style="display:none;" />
</td>
</tr>
}
</tbody>
</table>
const new_list = old_list.filter(item => item.id !== selected_id)