使用cheerio爬取网页表格行无法获取td内部文本该如何解决

算力阿峰

2026-10-5

问题排查修复指南

核心问题排查点

父容器定位错误：页面内.bc-table-scrollable-inner类名的容器存在多个，默认选中的第一个容器并非包裹Price Performance表格的容器，可先打印$(".bc-table-scrollable-inner").length确认匹配的容器数量，再通过.eq(索引)指定你需要的容器（目标表格通常对应索引为1的容器）。
遍历对象错误：原代码遍历的是所有匹配的table元素，而非表格内的行tr，导致直接获取了整个表格的所有td节点，无法按行提取内容。
跳过逻辑错位：原代码跳过第一个table的逻辑不符合需求，需要跳过的是表格内的表头行（第一行tr）而非整个table。
语法错误：原代码构造对象时const tableRow = { colOne, colTwo, tableRow };重复引用了未赋值完成的tableRow变量，属于语法问题。
动态渲染问题：barchart的表格为客户端动态渲染，如果fetchData是直接请求静态HTML，返回的内容里不会包含表格数据，需要改用Puppeteer、Playwright等无头浏览器工具，等待页面渲染完成后再提取DOM。

修复后代码

$ = await fetchData(performanceHistoryUrl);
// 指定对应索引的父容器，可根据实际打印的容器数量调整索引值
let performanceTableDiv = $(".bc-table-scrollable-inner").eq(1);
let performanceTable = performanceTableDiv.find('table').first();
// 遍历表格行，跳过表头
performanceTable.find('tr').each((index, trElement) => {
    if (index === 0) return true;
    const tds = $(trElement).find('td');
    // 异常兼容：避免td数量不足时报错
    if (tds.length < 3) return;
    const colOne = $(tds[0]).text().trim();
    const colTwo = $(tds[1]).text().trim();
    const colThree = $(tds[2]).text().trim();
    const tableRow = { colOne, colTwo, colThree };
    console.log(tableRow);
});