jquery的一些骚操作

最新推荐文章于 2019-10-14 19:22:55 发布

大卫不加班

最新推荐文章于 2019-10-14 19:22:55 发布

阅读量843

点赞数

分类专栏： web前端文章标签： table 删除tr tr

本文链接：https://blog.csdn.net/qq_36922927/article/details/78884347

版权

web前端专栏收录该内容

6 篇文章 0 订阅

订阅专栏

如何只删除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>

第一种效果截图：

第二种效果截图：