如何使用时间间隔 jQuery 拆分固定行的表行

Question

我使用表格，我有一个没有滚动的页面，一种解决方案是在表格中显示适合页面的值，这个值12，如果在表格中超过 12 行，那么它的前 12 行隐藏，并显示其他。

现在，我创建了一个隐藏和显示行的脚本，但是问题是当它要转到表的第二个"页面">标题时隐藏，并且某些CSS样式不起作用。

var elements = $("table tr");
var pages = 0;
$(document).ready(function () {
var showNext = function (index) {
console.log(index)
if (index >= elements.length) {
index = 0;
pages = 0;
location.reload();
}
pages++
elements.hide().slice(index, index + 12).show();
setTimeout(function () {
showNext(index + 8);
}, 3000);
}
showNext(0);
});

Answer 1

修复了，问题是然后thead有tr，我声明然后隐藏tr3 秒。 添加到html tbody

<tr class="rows-data">

var elements = $(".rows-data");
var pages = 0;
$(document).ready(function () {
var showNext = function (index) {
console.log(index)
if (index >= elements.length) {
index = 0;
pages = 0;
location.reload();
}
pages++
elements.hide().slice(index, index + 11).show();
setTimeout(function () {
showNext(index + 8);
}, 3000);
}
showNext(0);
});