javascript - 使用 jQuery 在表中分页

Question

最近几天我一直在研究以下代码，但找不到似乎能按我的要求工作的解决方案。我需要的是在表格的一部分内进行分页。需要以下操作/事件:

• 单击上一个或下一个时，顶部的种族名称应随突出显示的种族相应变化。 SO R2 = Race 2 - Virgina 等。

• 棘手的部分来了，一旦您到达最后一个可见(突出显示)的列并单击下一步，就会出现一个新列，因此范围将为 R2-R7 等等，总数总是不同的.所有 Rn 的宽度应保持相同。

我的问题是，这在 jQuery 中是否可行？如何实现？我研究了一些分页插件，但似乎没有一个能够做到这一点。

代码在这里:http://jsfiddle.net/yunowork/5r9ZW/

Answer 1

并不完美，但可以作为一个起点:

我只在“下一步”中对其进行了测试。

我在下一个函数中添加了:

var $currCol = $('.highlighted'); //to get the current column

$('.race strong').text($('.highlighted').next('td:first').text()); //To set the title: R1 - R2 - R3 ...

和

else{
        $currCol.each(function(i,v){
            var k = i + 1;   
            var id = parseInt(v.id.replace('r',''));                
            id++;
            if(k == 1) $(this).clone().text('R'+id).attr('id', 'r'+id).appendTo($('table tr').eq(k));
            else $(this).clone().attr('id', 'r'+id).appendTo($('table tr').eq(k));
        });
    } // to add a new column

希望对你有帮助