Playwright：如何通过相邻div文本定位并点击对应按钮？

你的代码执行失败主要有三个问题：一是选择器方向搞反了（按钮在"James"文本的左侧，而非右侧）；二是选择器语法错误（缺少闭合括号）；三是文本大小写不匹配（目标文本是首字母大写的James，你写的是小写james）。

以下是几种可行的定位方式：

方法1：利用父容器关联定位（推荐） #

通过包含目标文本的.iconName找到对应的父容器.mysel，再选中容器内的按钮：

page.locator('.mysel:has(.iconName:text-is("James")) button').click();

• :text-is("James")是精确匹配文本（区分大小写），若需忽略大小写，可改用:text("james")或:text-case-insensitive("james")
• :has()选择器用于筛选包含指定子元素的父容器

方法2：通过兄弟元素定位 #

找到"James"所在的div，再选中它的前一个兄弟按钮元素：

page.locator('div:text-is("James")').locator('xpath=preceding-sibling::button').click();

或者直接使用完整XPath选择器：

page.locator('//div[text()="James"]/preceding-sibling::button').click();

方法3：修正原选择器逻辑 #

如果坚持用位置选择器，需改为:left-of，同时补全括号并匹配正确文本：

page.locator('button:left-of(:text-is("James"))').click();

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