我有一个表,几乎是100行,我加入了类的TR作为显示20默认可见由类和隐藏行的其余部分隐藏
<tbody>
<tr class="visible"></tr>
<tr class="visible"></tr>
<tr class="hidden"></tr>
<tr class="hidden"></tr>
<tr class="hidden"></tr>
</tbody>
我添加了一个“添加更多”按钮,每次单击该按钮时将显示5行,但是我的jQuery逻辑完全错误,请看一下
$(".more-show").click(function (e) {
e.preventDefault();
for (var i = 0; i<5; i++) {
$('#ranking-table tr').each(function(i) {
$(this).removeClass("hidden").addClass("visible");
});
}
});
不必每次单击都显示5行,而必须是最前面的5个隐藏行,而是通过将类更改为visible来显示所有行
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句