jquery的一些骚操作
程序员文章站
2022-05-14 07:49:50
...
如何只删除table里面的tr而不删除table标签
有两种情况：
第一种，和第二种只有小小区别：
示例代码：
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
alert("hello");
$("button").click(function(){
$(".mytbody tr").remove();// 第一种 只删除tr， class=“mytbody”还存在，<tbody>标签还存在
$(".mytbody").remove();// 第二种 这是删除class=mytbody的中的所有东西，不剩 class="mytobdy"，但是<tbody>标签还存在
});
});
</script>
</head>
<body>
<table id="mytable">
<tr><td> mytbody 之外</td></tr>
<tbody class="mytbody">
<tr class="t1"><td>111111111111</td></tr>
<tr><td>2222222222</td></tr>
<tr><td>33333333</td></tr>
<tr><td>444444444444</td></tr>
<tbody>
</table>
<button class="test" >删除tr</button>
</body>
</html>
第二种效果截图：
而在页面上看到的是都是这个效果：
没啥区别，但是想到我们有时候想用json的数据动态修改表格，那么第一种就是比较好用的