努力使用 .querySelector 查询具有相同类名的特定元素

Question

所以我正在尝试使用 Puppeteer 抓取网站。我要获取的所有数据都在多个表中。具体来说，我正在尝试从单个表中获取数据。我能够使用非常冗长的.querySelector(table.myclass ~ table.myclass) 获取特定表，所以现在我的问题是，我的代码正在获取每个表的第一项（从正确的表开始，即第二个表），但我不能找不到方法让它只抓取第二个表中的所有数据。

const puppeteer = require('puppeteer');
const myUrl = "https://coolurl.com";

(async () => {
  const browser = await puppeteer.launch({
    headless: true
  });
  const page = (await browser.pages())[0];
  await page.setViewport({
    width: 1920,
    height: 926
  });
  await page.goto(myUrl);

  let gameData = await page.evaluate(() => {
    let games = [];
    let gamesElms = document.querySelectorAll('table.myclass ~ table.myclass');
    gamesElms.forEach((gameelement) => {
      let gameJson = {};
      try {
        gameJson.name = gameelement.querySelector('.myclass2').textContent;
      } catch (exception) {
        console.warn(exception);
      }
      games.push(gameJson);
    });
    return games;
  })
  console.log(gameData);
  browser.close();
})();

Answer 1

您可以使用以下任一方法选择第二个表：

let gamesElms = document.querySelectorAll('table.myclass')[1];
let gamesElms = document.querySelector('table.myclass:nth-child(2)');

此外，您可以使用下面的示例将表中的所有数据推送到数组中：

let games = Array.from(document.querySelectorAll('table.myclass:nth-child(2) tr'), e => {
  return Array.from(e.querySelectorAll('th, td'), e => e.textContent);
});

// console.log(games[rowNum][cellNum]); <-- textContent