开启辅助访问
帐号登录 |立即注册

jquery遍历table删除指定tr

 
jQuery是一种广泛使用的JavaScript库,可用于各种Web开发任务。在本文中,我们将讨论如何使用jQuery遍历HTML表格(table),并删除指定的行(tr)。

要遍历表格,我们可以使用jQuery的each()方法。此方法允许我们通过表格的每一行,并执行所需的操作。下面是一个例子:

<table id="myTable">
<tr>
<td>John</td>
<td>Doe</td>
</tr>
<tr>
<td>Jane</td>
<td>Doe</td>
</tr>
<tr>
<td>Bob</td>
<td>Smith</td>
</tr>
</table>

<script>
$(document).ready(function(){
//遍历表格行,删除特定行
$("#myTable tr").each(function(){
if($(this).find("td:first").html() == "Bob"){
$(this).remove();
}
});
});
</script>

上面的代码将遍历HTML表格,并查找表格中包含“Bob”名字的行。如果找到这样的行,该行将被删除。

注意,find()方法用于查找表格行中的第一个单元格(td),并检查其内容是否与“Bob”相匹配。如果是这样,remove()方法将删除整个表格行。

在本文中,我们学习了如何使用jQuery遍历HTML表格和删除表格行。这是一项实用的技能,可以帮助我们更快地找到和删除不需要的行。

回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

友情链接
  • 艾Q网

    提供设计文章,教程和分享聚合信息与导航工具,最新音乐,动漫,游戏资讯的网站。