为何WebDriver对不同ID与XPath索引始终返回首个元素？

这个问题我帮不少开发者排查过，核心原因是你使用的XPath是绝对路径查找——只要XPath以//开头，就会从整个HTML文档的根节点重新搜索，不管你前面已经定位到了哪个父元素，最终都会拿到页面中第一个匹配的元素！结合你的代码和页面结构，给你几个针对性的解决办法：

1. 修复XPath的相对路径（最关键） #

当你已经通过findElements拿到了table列表，或者定位到了某一行的table元素后，查找子元素时必须使用相对路径（以.开头），这样才会基于当前元素的上下文进行搜索：

示例1：从列表中获取指定行的债务人名称 #

// 获取所有行的table元素
List<WebElement> debtorElements = driver.findElements(By.xpath("//div[@id='grid-1612-body']//div[@class='x-grid-item-container']/table"));
// 注意这里的XPath前面加了.，表示从当前table元素开始查找
String thirdDebtorName = debtorElements.get(2).findElement(By.xpath(".//td[@data-columnid='debtorName']/div")).getText();

示例2：直接用索引定位目标行（XPath索引从1开始） #

// 直接定位第3行的债务人名称列，全程使用绝对路径但精准指向目标
String thirdDebtorName = driver.findElement(By.xpath("//div[@id='grid-1612-body']//div[@class='x-grid-item-container']/table[3]//td[@data-columnid='debtorName']/div")).getText();

2. 避免依赖动态生成的ID #

Sencha框架生成的ID（比如gridview-1625-record-219）是动态的，刷新页面或重新加载网格后就会变化，完全不可靠。改用页面中稳定的属性，比如data-recordid、data-recordindex：

// 通过data-recordindex定位第2条记录（索引从0开始，对应页面中的第二行）
WebElement targetRow = driver.findElement(By.xpath("//div[@id='grid-1612-body']//table[@data-recordindex='1']"));
// 同样用相对路径查找子元素
String debtorName = targetRow.findElement(By.xpath(".//td[@data-columnid='debtorName']/div")).getText();

3. 确保页面异步加载完成 #

页面底部有Loading...的加载遮罩，说明网格数据是异步渲染的。如果在数据未加载完成时就执行查找，要么拿到空列表，要么拿到不完整的旧数据。建议使用显式等待确保加载完成：

WebDriverWait wait = new WebDriverWait(driver, 10); // 等待10秒超时
// 等待加载遮罩消失
wait.until(ExpectedConditions.invisibilityOfElementLocated(By.id("loadmask-1660-msgTextEl")));
// 或者等待至少有3条记录加载完成（根据你的需求调整数量）
wait.until(ExpectedConditions.numberOfElementsToBeMoreThan(
    By.xpath("//div[@id='grid-1612-body']//div[@class='x-grid-item-container']/table"), 
    2
));

4. 处理网格滚动问题 #

Sencha网格如果内容过多，会只渲染可视区域内的行，不在视口的行可能无法被Selenium定位到。此时需要先滚动到目标元素的位置：

WebElement targetRow = driver.findElement(By.xpath("//table[@data-recordindex='1']"));
// 用JS滚动到元素可见
((JavascriptExecutor) driver).executeScript("arguments[0].scrollIntoView({block: 'center'});", targetRow);
// 等待元素可交互后再获取文本
wait.until(ExpectedConditions.elementToBeClickable(targetRow));
String debtorName = targetRow.findElement(By.xpath(".//td[@data-columnid='debtorName']/div")).getText();

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