table 删除一行 确实方便可行

本文介绍了一种使用jQuery简化表格行删除的方法,通过直接选择并移除目标元素,避免了复杂的索引操作。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >


jQuery中删除最后一行,
$("#tableId").find("tr:last").remove();



今天需要解决一个问题,一个表格里面有好多行数据(好多个tr),每一行数据里面有一个删除的链接,点击删除的时候可以删除所点击的那一行(也就是tr),网络上搜索了一下,都是用一个函数遍历索引或者传索引进去删除,个人感觉麻烦,就偷懒用了下其他写法,代码如下:
  <table border="1">
      <tr>
          <th>内容</th>
          <th>删除</th>
      </tr>
      <tr>
          <td>test1</td>
  <td>
              <a href="#" onclick="this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode)">删除</a>             </td>
      </tr>
   </table>
  this=>就是本对象的意思,也就是a这个标签。
  parentNode=>对象的父节点,这里面就是a标签的父节点,也就是td。
  this.parentNode.parentNode.parentNode这里面可以这么推:
  this.parentNode=td;this.parentNode.parentNode=td.parentNode=tr;
  this.parentNode.parentNode.parentNode=td.parentNode.parentNode=tr.parentNode=table。
  removeChild=>移除孩子结点。
  归纳一下就是table.removeChild(tr);这里面的tr就是我们所点击这一行,为什么是我们所点击这一行呢?因为this代表本对象,就是我们所点击的。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值