Question

求1个js，jq效果，表格超过10行后 自动隐藏 后免的tr，点击后才可以显示，求大神哦

像如图这样的

Answer 1

html代码
<table>
<tbody id="dataTable" style="background:#ffffff;">
<tr class="grid-btn-add" style="display: none">
<td colspan="10" ><a class="grid-btn" onclick="showMore();">查看更多</a></td>
</tr>
<tr class="grid-btn-back" style="display: none">
<td colspan="10" style="border-top:1px dotted #2aa0e0;"><a class="grid-btn" onclick="backMore();">收起</a></td>
</tr>
</tbody>
</table>

循环往table中添加数据 此处代码略 每加一行 count++
循环完后
if(count>10){
$("#dataTable tr:gt(9)").hide();
$(".grid-btn-add").show();
$(".grid-btn-back").hide();
}else{
$(".grid-btn-add").hide();
$(".grid-btn-back").hide();
}
js函数
//查看更多
function showMore(){
$("#dataTable tr:gt(9)").show();
$(".grid-btn-add").hide();
$(".grid-btn-back").show();
}
//收起
function backMore(){
$("#dataTable tr:gt(9)").hide();
$(".grid-btn-back").hide();
$(".grid-btn-add").show();
}
纯手写，望采纳

追问

谢谢大神的热心解答，因为我是js小白，我测试了没有成功，不知道大神可以直接发给测试成功的html文件给我吗，或者直接完整源码贴上来
问题解决了这个问题确认在发个贴追加给大神20分，谢谢啦 不胜感激

追答

我这完整的html文件太长，包含的内容太多，这两个js函数肯定没问题，主要是你在js里面往html中添加数据的时候 没有写对 你可以在前台调试一下 不行的话你直接给我发你的文件 我给你改 邮箱m18515609587@163.com