用jquery怎么删除<table>的一行
4个回答
展开全部
1、自行百度搜索jQuery，然后把jQuery给下载到电脑里面。
2、版本下载完毕。
3、新建一个HTML文件，并且把HTML文件和jQuery放在同一个文件夹里面。
4、使用sublime打开HTML文件，然后用script标签来引入jQuery。如图所示，src后面接的就是jQuery所在的路径。
5、再另外写一个script标签，一定是要另外写，不然待会jQuery不生效的了。
6、在第二个script标签里面写上jQuery的加载函数就可以了。加载函数里面就可以调用jQuery代码了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
思路：获取<table>的一行，然后使用 remove() 方法删除之。实例演示如下:
1、HTML结构
<table id = "test">
<tr><td>1</td><td>1</td><td>2</td><td>3</td></tr>
<tr><td>2</td><td>4</td><td>5</td><td>6</td></tr>
<tr><td>3</td><td>7</td><td>8</td><td>9</td></tr>
<tr><td>4</td><td>1</td><td>2</td><td>3</td></tr>
</table>
2、jquery代码
$(function(){
$("table#test tr").click(function() {
$(this).remove();
});
});3、效果演示
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!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>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
删除第四行：
$("#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();只保留第2到第4行，其它全删除：
$("#table tr").not($("#table tr").slice(1,4)).remove();更多的请看这里：网页链接
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
