jQuery：如何获取元素的特定子集？

Question

我必须在网页上显示一个表格，然后打印出来。此语句检索表行：var rows = $element.find(".row");假设这会产生 50 行。现在要求是：每个打印页应该有 20 行每个打印页面都必须显示列标题，它们位于rows[0]和rows[1]因此，我需要遍历rows集合，以便循环为我提供每页正确的子集，如下所示：var printRows = rows.slice(0, 2) + rows.slice(2, 22); //values for page 1 var printRows = rows.slice(0, 2) + rows.slice(22, 42); //values for page 2 var printRows = rows.slice(0, 2) + rows.slice(42, 52); //values for page 3我知道如何创建循环。问题是这些行不是有效的 jQuery。我怎样才能获得我需要的行的子集？谢谢！

Answer 1

尽管 jQuery 对象并不是真正的数组，但它们可以像使用数组一样使用，既可以像slice您已经做过的那样使用，也可以使用...(spread) 运算符。

slice这是一个使用和...获取所需项目的示例。它使用数组，但也可以使用包含 DOM 元素的 jQuery 对象。

const pageLength = 20;

const pageCount = 5;

const rows = [];

while (rows.length < pageCount * pageLength - 10) rows.push(rows.length);

for (let page = 1; page <= pageCount; page++) {

  var result = [

    ...rows.slice(0, 2),

    ...rows.slice(2 + (page - 1) * pageLength, 2 + page * pageLength)

  ];

  console.log("Page " + page + ":", result.toString());

}