jq点击按钮查看更多 循环全部隐藏或显示jquery each(function(i){})

页面上有10行,但我默认只显示5行,点击查看更多后,另外5行才显示出来,怎么实现呢

如下

注意,需要先引入jq插件

为防止冲突,id="tr"可以任意设置,比如修改为 reg=“tr” 等

<tr id="tr" style="display:none"><td >第一行</td></tr><tr id="tr" style="display:none"><td >第二行</td></tr><tr><td><span id="more">查看更多</span></td></tr><script>$("#more").click(function(){$("tr[id='tr']").each(function(i){$(this).show();//hide();}); });</script>