Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 滚动条表检查点_Javascript_Jquery_Css_Html Table - Fatal编程技术网

Javascript 滚动条表检查点

Javascript 滚动条表检查点,javascript,jquery,css,html-table,Javascript,Jquery,Css,Html Table,我想设计一个带有检查点的表,即当输入值/jum x-rows时,它应该能够显示“x-th”行。它是一个滚动表,类似于: 每单击一次,它就会跳转到“x行” 有人能提出解决办法吗?我已经更新了小提琴。检查一下。它正按照你的要求工作 代码: var len = $('tr').length; var index = 1; function selectRows(start,end){ $('tr').not($('.tblhead')).hide(); $('tr').slice(sta

我想设计一个带有检查点的表,即当输入值/jum x-rows时,它应该能够显示“x-th”行。它是一个滚动表,类似于:

每单击一次,它就会跳转到“x行”
有人能提出解决办法吗?

我已经更新了小提琴。检查一下。它正按照你的要求工作

代码:

var len = $('tr').length;
var index = 1;

function selectRows(start,end){
  $('tr').not($('.tblhead')).hide();
  $('tr').slice(start,end).show();
}
selectRows(index, index + 5);

$('a#next').click(function(){
    if(index < len -5){
    index = index + 5;
    selectRows(index, index + 5);
    }
});

$('a#prev').click(function(){
    if(index > 1){
    selectRows(index-5, index);
    index = index - 5;
    }
});
var len=$('tr').length;
var指数=1;
函数selectRows(开始、结束){
$('tr').not($('.tblhead')).hide();
$('tr').slice(开始,结束).show();
}
选择行(索引,索引+5);
$('a#next')。单击(函数(){
如果(索引1){
选择行(索引-5,索引);
指数=指数-5;
}
});