如何定位<div>内两个相似<p>元素？Selenium定位err_message失败求助

报错信息 #

org.openqa.selenium.NoSuchElementException: no such element: Unable to locate element: {"method":"css selector","selector":"body > div:nth-child(1) > div:nth-child(4) > form:nth-child(2) > div:nth-child(1) > p:nth-child(3)"}

已尝试选择器 #

.form-signin .form_item .err_message:nth-child(1), .err_message:nth-of-type(1)

可行解决方向： #

• 等待元素动态渲染
  错误提示通常是表单验证后才加载的，直接定位会因元素未渲染失败。用显式等待确保元素可见：

  WebDriverWait wait = new WebDriverWait(driver, Duration.ofSeconds(10));
  WebElement errorElement = wait.until(ExpectedConditions.visibilityOfElementLocated(By.cssSelector(".err_message")));
  

• 优化选择器稳定性
  避免使用层级过深的绝对路径选择器，改用更可靠的类组合：

  • 定位邮箱对应的错误提示：

    .form-signin .form_item:nth-child(1) .err_message
    

  • 定位密码对应的错误提示：

    .form-signin .form_item:nth-child(2) .err_message
    

  如果.err_message类唯一，直接用By.cssSelector(".err_message")即可。

• 检查iframe上下文
  若错误提示嵌套在iframe中，需先切换到iframe再定位：

  // 替换为实际iframe的定位方式（id/类/元素）
  driver.switchTo().frame(driver.findElement(By.cssSelector("iframe")));
  // 定位err_message元素
  WebElement errMsg = driver.findElement(By.cssSelector(".err_message"));
  // 操作完成后切回主文档
  driver.switchTo().defaultContent();
  

• 先触发表单验证
  错误提示一般在提交表单（如点击登录按钮）后显示，先执行触发操作再等待元素：

  driver.findElement(By.cssSelector(".btn-submit")).click(); // 点击提交按钮
  WebDriverWait wait = new WebDriverWait(driver, Duration.ofSeconds(10));
  WebElement errMsg = wait.until(ExpectedConditions.visibilityOfElementLocated(By.cssSelector(".err_message")));
  

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