用jquery怎么删除<table>的一行

如题所述

举报该问题

推荐答案 2019-06-01

1、自行百度搜索jQuery，然后把jQuery给下载到电脑里面。

2、版本下载完毕。

3、新建一个HTML文件，并且把HTML文件和jQuery放在同一个文件夹里面。

4、使用sublime打开HTML文件，然后用script标签来引入jQuery。如图所示，src后面接的就是jQuery所在的路径。

5、再另外写一个script标签，一定是要另外写，不然待会jQuery不生效的了。

6、在第二个script标签里面写上jQuery的加载函数就可以了。加载函数里面就可以调用jQuery代码了。

温馨提示：答案为网友推荐，仅供参考

当前网址：http://22.wendadaohang.com/zd/CT2TfTf26ff6CCTXSXh.html

其他回答

第1个回答推荐于2018-02-26

思路：获取<table>的一行，然后使用 remove() 方法删除之。实例演示如下:

1、HTML结构

2、jquery代码

$(function(){
$("table#test tr").click(function() {
$(this).remove();
});
});

3、效果演示

第2个回答推荐于2016-07-29

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8" />
<title>last.html</title>
<style>
</style>
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script type="text/javascript">
$ (function ()
{
$('table tr:first').remove();
});
</script>
</head>
<body>
<table>
<tr>
<td><input type="checkbox" name="box" id="box1" value="" />a</td>
<td><input type="checkbox" name="box" id="box2" value="" />b</td>
</tr>
<tr>
<td><input type="checkbox" name="box" id="box3" value="" />c</td>
<td><input type="checkbox" name="box" id="box4" value="" />d</td>
</tr>
</table>
</body>
</html>

本回答被提问者和网友采纳

第3个回答 2018-06-14

删除第四行：

$("#table tr").eq(3).remove();

删除第五列：

$("#table tr td:nth-child(5)").remove();

只留前三行，其它删除：

$("#table tr:gt(2)").remove();

删除第2行外所有行：

$("#table tr:not(:eq(1))").remove();

删除第2到第4行：

$("#table tr").slice(1,4).remove();