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

发布网友发布时间：2022-04-27 05:42

我来回答

共2个回答

热心网友时间：2022-04-22 11:34

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

$("#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表格的各种方法

热心网友时间：2022-04-22 12:52

<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>