Playwright：如何遍历含指定文本的元素并逐个执行悬停操作

核心问题分析 #

你原代码里用f'text="{text_pattern.pattern}"'拼接选择器的方式是错误的，Playwright的locator('text=xxx')不支持直接插入正则字符串，正确做法是用page.get_by_text()直接传入正则表达式。另外，遍历Locator时要注意元素的动态性，确保每次操作前元素处于可交互状态。

修正后的代码示例 #

import re
from playwright.sync_api import sync_playwright

with sync_playwright() as p:
    browser = p.chromium.launch(headless=False)
    page = browser.new_page()
    # 补充登录等前置操作（如果需要）
    page.get_by_role("treeitem", name="reports-development").locator("div").first.click()
    
    # 正确定位所有包含目标文本的元素
    target_text_regex = re.compile(r"Hello team , here is a new report task:")
    messages_locator = page.get_by_text(target_text_regex)
    
    # 先获取元素总数，避免循环中DOM变化导致计数不准
    message_count = messages_locator.count()
    
    for i in range(message_count):
        # 每次循环重新定位第i个元素，确保元素状态正确
        current_message = messages_locator.nth(i)
        # 等待元素可见并可交互
        current_message.wait_for(state="visible")
        # 执行悬停
        current_message.hover()
        
        # 点击添加反应按钮，确保按钮处于可交互状态
        add_reaction_btn = page.get_by_label("Add reaction…")
        add_reaction_btn.wait_for(state="visible")
        add_reaction_btn.click()
        
        # 点击+1表情
        plus_one_emoji = page.get_by_role("gridcell", name="+1 emoji")
        plus_one_emoji.wait_for(state="visible")
        plus_one_emoji.click()
        
        # 等待操作完成，建议用元素状态等待替代固定超时（比如等待反应出现）
        page.wait_for_timeout(2000)
    
    browser.close()

关键优化点 #

• 定位器修正：直接使用page.get_by_text(re.compile(...))匹配含目标文本的元素，比拼接text选择器更稳定，原生支持正则匹配。
• 元素状态校验：每次操作前用wait_for(state="visible")确保元素已加载完成，避免DOM未渲染导致的操作失败。
• 循环内重定位：页面操作后可能发生DOM变化，循环中通过nth(i)重新定位元素，保证操作对象正确。
• 健壮性提升：建议用等待反应添加完成的状态（比如目标消息出现+1标记）代替固定超时，让脚本更可靠。

内容的提问来源于stack exchange，提问作者Musa ÖZKAN