如何从指定ComboBox定位其后续同级元素的子链接？

你可以借助Playwright的DOM遍历能力实现需求，具体步骤如下：

• 定位目标元素的后续同级元素
  根据DOM结构选择对应CSS选择器：

  • 若要找紧邻的下一个同级元素，用+选择器：

    Locator legalTypeCombobox = page.getByRole(AriaRole.COMBOBOX, new Page.GetByRoleOptions().setName("* Legal Type"));
    Locator nextSibling = legalTypeCombobox.locator("+ *");
    

  • 若要找任意后续同级元素（不限紧邻），用~选择器，比如指定类名筛选：

    Locator targetSibling = legalTypeCombobox.locator("~ .target-sibling-class");
    

• 定位同级元素的子链接
  在同级元素定位器基础上，链式调用定位方法：

  • 按角色定位链接：

    Locator siblingLink = nextSibling.getByRole(AriaRole.LINK);
    

  • 按文本或属性精准定位：

    Locator specificLink = nextSibling.getByRole(AriaRole.LINK, new Locator.GetByRoleOptions().setName("查看详情"));
    // 或用CSS选择器
    Locator cssLink = nextSibling.locator("a[data-action='view']");
    

• 为元素上色（高亮）
  通过evaluate()注入CSS样式实现：

  siblingLink.evaluate("element => element.style.backgroundColor = 'yellow'");
  

实际使用时可结合页面真实DOM结构调整选择器，保证定位的唯一性。

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