jQuery删除表格行且只保留前第一行 求解决 麻烦啦

Posted 2023-05-08

很多问题其实可以在baidu.com找到，不过有时自己写更有成就感。

根据你的标题描述。

个人感觉说得不是很清晰。

给出一个例子，功能是点击“删除”将移除当前点击所在单元格的前一个tr。

trlen是获取当前table总有多少个tr。

如果trlen大于1则可以删除，反之如果只剩下一个tr了不允许删除。

其中.prev()是获取上一个相邻的元素。

相关的其他教程你可以去三体教程(santii.com)看一下。

先引入jquery，以下为实例代码：

<table width="100%" border="1" class="tb">
  <tr>
    <td>1</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td><span class="del">删除</span></td>
  </tr>
  <tr>
    <td>2</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td><span class="del">删除</span></td>
  </tr>
  <tr>
    <td>3</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td><span class="del">删除</span></td>
  </tr>
  <tr>
    <td>4</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td><span class="del">删除</span></td>
  </tr>
  <tr>
    <td>5</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td><span class="del">删除</span></td>
  </tr>
  <tr>
    <td>6</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td><span class="del">删除</span></td>
  </tr>
  <tr>
    <td>7</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td><span class="del">删除</span></td>
  </tr>
  <tr>
    <td>8</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td><span class="del">删除</span></td>
  </tr>
  <tr>
    <td>9</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td><span class="del">删除</span></td>
  </tr>
  <tr>
    <td>10</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td><span class="del">删除</span></td>
  </tr>
  <tr>
    <td>11</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td><span class="del">删除</span></td>
  </tr>
</table>

$("span.del").click(function()
    var trlen=$(".tb").find("tr").length;
    if (trlen>1)
        $(this).parent().parent().prev().remove();
    else
        alert("只剩下一行了不能删除");
    
);

参考技术A //除了第一行，全部删除
$('tr:gt(0)').remove()

参考技术B 没怎么看明白，看看是不是这样的 $("table tbody tr").eq(0).nextAll().remove(); 参考技术C

获取所有行，这时返回的是一个数组，然后跑个循环就可以了:

for(int i=rowLength-1;i>0;i--)
    row[i].remove();

大致逻辑是这样，需要你自己去修改使用，不懂再问吧

参考技术D 可以这样来，table设置表头（thead）和表身(tbody),第一行即为表头，你删除操作的时候删除表身，这样就可以保留第一行了。

oracle删除重复记录保留一条

表名称org_organization_user表字段名称emp_id,org_id.,分别为employee表和org表主键,可能我写错java代码了,循环插入了很多条重复记录,请问怎么删除,只保留一条记录

参考技术A DELETE from org_organization_user 
WHERE (emp_id,org_id) IN ( SELECT emp_id,org_id FROM org_organization_user GROUP BY emp_id,org_id HAVING COUNT(*) > 1) 
AND ROWID NOT IN (SELECT MIN(ROWID) FROM org_organization_user GROUP BY emp_id,org_id HAVING COUNT(*) > 1);

 删除表中多余的重复记录，重复记录是根据字段（emp_id,org_id）来判断，只留有rowid最小的记录 

参考技术B create table org_organization_user_tmp
as select distinct emp_id,org_id from org_organization_user;

delete from org_organization_user;

insert into org_organization_user select  emp_id,org_id from org_organization_user_tmp;

本回答被提问者采纳