Question

我有一个用JSON数据填充的表。由于有超过3000条记录，我希望有一个更多的节目，并显示更少的按钮，不会弄乱我的搜索功能。这是我用来填充表格的代码

<table id="data1"></table>

$.getJSON("http://127.0.0.1:8000/steamcrawler.json",
function (data1) {  
document.getElementById("data1").innerHTML;
var tr;
for (var i = 0; i < data1[i].length; i++) {
    tr = $('<tr/>');
    tr.append("<td>" + data1[i].name + "</td>");
    tr.append("<td>" + data1[i].discount_price + "</td>");
    $('#data1').append(tr);
}
});

我必须满足的一些条件是只显示10或20个结果非常棘手。

1）我有一个搜索栏，因此如果某个行的样式设置为display：none，则当用户键入名称时，隐藏的结果不会显示。

2）由于记录太多，我无法通过添加一个onclick更改显示来阻止所有记录功能到搜索栏来解决上述问题。

2）我有这个代码用于显示更多行，但不知道如何修改上面的追加功能。我得到那个切片（0,10）就像我在for循环中将[i]设置为小于10一样，是否有可能以某种方式合并这两段代码？

var trs = $("#data1 tr");
var currentIndex = 10;

trs.hide();
trs.slice(0, 10).show();

function btnMore(e) { 
  e.preventDefault();
  $("#data1 tr").slice(currentIndex, currentIndex + 10).show();
  currentIndex += 10;
};

谢谢。我对Javascript缺乏经验，所以任何替代方法都同样受欢迎。

显示特定的表结果 - Javascript

0 个答案: