XPath定位多个相同属性元素方法

对于一个文章开发者来说，牢固扎实的基础是十分重要的，golang学习网就来带大家一点点的掌握基础知识点。今天本篇文章带大家了解《XPath如何定位多个相同属性元素》，主要介绍了，希望对大家的知识积累有所帮助，快点收藏起来吧，否则需要时就找不到了！

本文介绍如何使用XPath的`contains()`函数精准匹配多个具有相同属性值特征（如src包含"red"）的元素，避免为每个索引单独编写XPath，提升自动化测试脚本的健壮性与可维护性。

在Web自动化测试中，常遇到一组结构相似但索引不同的元素（如 img[1] 和 img[2]），其差异仅在于位置序号，而真正用于业务判断的关键特征往往体现在属性值中——例如 src 属性是否包含 "red"。此时，硬编码 [1] 或 [2] 不仅冗余，更易因DOM顺序变动导致定位失败。

推荐方案：使用属性内容匹配替代位置索引

//div[@class='name-slider-header']//button//img[contains(@src, 'red')]

该XPath表达式将匹配所有满足以下条件的 元素：

• 父级结构为：
  → 其内任意 → 其内任意
• 且 的 src 属性值包含子字符串 "red"（不区分大小写需配合translate()，但多数场景小写已足够）

对应Selenium Java代码示例：

List<WebElement> redImgElements = driver.findElements(
    By.xpath("//div[@class='name-slider-header']//button//img[contains(@src, 'red')]")
);

// 验证是否存在至少一个匹配项（适用于“禁用后src变红”的状态校验）
if (!redImgElements.isEmpty()) {
    System.out.println("检测到 " + redImgElements.size() + " 个含 'red' 的图片元素");
    // 可进一步遍历校验每个元素的 src 值
    for (WebElement img : redImgElements) {
        String src = img.getAttribute("src");
        System.out.println("SRC: " + src);
    }
}

✅ 优势说明：

• ✅ 动态鲁棒：无需预知元素数量或顺序，自动覆盖所有符合条件的实例；
• ✅ 语义清晰：XPath直接体现业务意图（“找src含red的图片”），而非技术细节（“第几个img”）；
• ✅ 适配状态变化：无论点击多少次后哪个变为禁用态并更新src，只要含"red"即被识别。

⚠️ 注意事项：

• 确保 @class='name-slider-header' 中的单引号闭合正确（原问题XPath中存在拼写错误：name-slider-header'] 缺少左单引号，已修正）；
• 若src含URL且"red"可能作为路径片段（如/icons/red-icon.png）或查询参数出现，contains(@src, 'red')依然有效；
• 如需严格匹配完整单词（避免误匹配"tired"），可结合正则（XPath 2.0+）或在代码层二次过滤。

综上，以属性内容为核心进行XPath定位，是处理同类元素集合的通用最佳实践——它让选择器更贴近业务逻辑，也更经得起UI迭代考验。

今天带大家了解了的相关知识，希望对你有所帮助；关于文章的技术知识我们会一点点深入介绍，欢迎大家关注golang学习网公众号，一起学习编程~