过滤行数HTML表格，拼接数组答案

【问题标题】：Filter number of rows HTML table, splice array过滤行数HTML表格，拼接数组
【发布时间】：2014-07-07 20:58:33
【问题描述】：

我的表格中有以下代码：

if (jsonObj[0].array !== 'undefined' && jsonObj[0].array.length > 0) {
for (var i = 0; i < jsonObj[0].array.length; i++) {
    var table_row = "<tr><td>" + jsonObj[0].array[i].siteId + "</td>";

    var date = new Date(0); 
    date.setUTCSeconds(jsonObj[0].array[i].time);
    table_row = table_row + "<td>" + date.getHours() + ":" + date.getMinutes() + ":" + date.getSeconds() + "</td>";
    table_row = table_row + "<td>" + jsonObj[0].array[i].field1 + "</td>";
    table_row = table_row + "<td>" + jsonObj[0].array[i].field2 + "</td>";
    table_row = table_row + "<td>" + jsonObj[0].array[i].field3 + "</td>";
    table_row = table_row + "<td>" + jsonObj[0].array[i].field4 + "</td>";

    var totalCount = jsonObj[0].array[i].field1 + jsonObj[0].array[i].field2 + jsonObj[0].array[i].field3 + + jsonObj[0].array[i].field4;

    if (totalCount > 100) {
        table_row = table_row + totalCount + "</td></tr>";
    } else if (totalCount > 80){
        table_row = table_row + totalCount + "</td></tr>";
    } else {
        table_row = table_row + totalCount + "</td></tr>";
    }

    $("#my-table").find("#my-table-body").append(table_row);
}

}

我想通过仅显示 10 行来过滤表格 - 这是从下拉值调用的：

document.getElementById=("#rowNumberSelection").onchange = function() {
    var rowNumber = document.getElementById("rowNumberSelection").value();

    if (rowNumber == "10") {
       /////
    }

}

此时我不确定如何对数组进行切片/仅显示该行数，有人可以帮忙吗？

【问题讨论】：

将“var i = 0”替换为“var i = rowNumberSelection.value”以在第一行之后开始
我对您的原始代码有疑问。我试图了解jsonObj[0].array 的作用。特别是.array。我有一段代码，我正在努力理解它。它包含类似的结构。见这里data.findIndex(x => x.array==String('arr_id_'+t_id))。我对x.array 它的作用很感兴趣

标签： javascript html arrays json drop-down-menu

【解决方案1】：

这将只显示表格的前 10 行：

$("#my-table tr:lt(11)").show();
$("#my-table tr:gt(10)").hide();

【讨论】：