jQuery怎么删除table中除前三个tr和后四个tr以外的其他行(tr)

如题所述

没有那么麻烦,如果你知道表格共有几行,那就好办了:

$("#table tr").slice(1,4).remove();//这句是删除第二到第四行 数字按自己的需要自己修改

如果你不知道表格有多少行,也没关系,用下面这句来读取表格有多少行:

var size=$("#table tr").length();

获取到多少行了,就再用上面的语句来定出自己需要删除的语句。

如果上面这种方法不喜欢,那也可以直接按你的意思,我们来直接删除前三行和后四行:

$("#table tr:lt(3)").remove();
//lt的意思是获取索引比3小的,索引是从0开始的,也就是获取到的是0 1 2 ,正好是前三行

//下面来删除后四行,
因为不知道你的表格有多少行,所以需要先判断:
var max=$("#table tr:last").index();//获取最后一行的索引值
//获取比上面索引值小三的行,删除就行
var get=max-4;//注意这里是减四
$("#table tr:gt("+get+")").remove();

好了,就是这么简单,你可以参考下面这篇文章,很详细的:

jquery里操作table表格的各种方法

温馨提示:答案为网友推荐,仅供参考
第1个回答  2019-02-28
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    tnum=$("tr").length-4;
if($("tr").length>7){
$("tr:lt("+tnum+")").filter(":gt(2)").remove();
}    
    });
  });
</script>
</head>
<body>
<button>测试</button>
<table>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>3</td></tr>
<tr><td>4</td></tr>
<tr><td>5</td></tr>
<tr><td>6</td></tr>
<tr><td>7</td></tr>
<tr><td>8</td></tr>
<tr><td>9</td></tr>
<tr><td>10</td></tr>
</table>
</body>
</html>

本回答被网友采纳