PlayWright .Net中如何选择并查询表格的tbody内容？

一、选择器写法 #

优先根据表格的标识（id/class）定位，避免通用选择器的歧义：

• 带id的表格：#tableId tbody（替换tableId为实际表格id）
• 带class的表格：.tableClass tbody（替换tableClass为实际表格class）
• 无标识时（页面仅一个表格）：直接用tbody

二、代码实现示例 #

方式1：逐行逐单元格提取 #

// 定位目标tbody
var targetTbody = await page.QuerySelectorAsync("#yourTableId tbody");
if (targetTbody == null)
{
    Console.WriteLine("未找到目标tbody");
    return;
}

// 获取tbody内所有行
var rows = await targetTbody.QuerySelectorAllAsync("tr");

// 遍历行提取单元格内容
foreach (var row in rows)
{
    var cells = await row.QuerySelectorAllAsync("td");
    // 批量获取单元格文本
    var cellContents = await Task.WhenAll(cells.Select(cell => cell.TextContentAsync()));
    // 处理内容（示例：打印）
    Console.WriteLine(string.Join(" | ", cellContents.Select(c => c?.Trim())));
}

方式2：通过Eval直接批量获取 #

如果不需要操作元素，仅需文本内容，可直接用EvalOnSelectorAllAsync提升效率：

// 提取tbody下所有td的文本
var allCellTexts = await page.EvalOnSelectorAllAsync(
    "#yourTableId tbody tr td",
    elements => elements.map(el => el.textContent.trim())
);

// 输出结果
foreach (var text in allCellTexts)
{
    Console.WriteLine(text);
}

三、小技巧 #

• 不确定选择器时，打开Playwright Codegen（playwright codegen命令），点击表格元素，自动生成精准选择器。
• 若表格是动态加载的，需等待元素出现后再查询，可使用WaitForSelectorAsync：

await page.WaitForSelectorAsync("#yourTableId tbody", new PageWaitForSelectorOptions { State = WaitForSelectorState.Visible });

内容的提问来源于stack exchange，提问作者Tuan