用jquery怎么删除<table>的一行
展开全部
思路:获取<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、效果演示
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐于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>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
删除第四行:
$("#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();
更多的请看这里:网页链接
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询