如何为拥有相同class的元素定位唯一XPath？

你可以通过同时匹配元素的class属性和data-value属性来精准定位目标元素，这是处理同class元素区分定位的常用方法，具体有几种实用写法：

• 基础属性组合写法
  如果你明确知道目标元素的完整class值，直接组合两个属性筛选即可：

  //div[@class="你的目标class值" and @data-value="1"]
  

  要是元素的class包含多个值（比如class="form-item select-box"），用contains适配性更强：

  //div[contains(@class, "你的目标class关键词") and @data-value="1"]
  

• 基于原有路径简化的写法
  你原来的绝对XPath层级过深，页面结构稍有变动就会失效，建议简化为相对路径，保留关键父节点+属性筛选：

  //*[@id="view_container"]//div[contains(@class, "你的目标class关键词") and @data-value="1"]
  

核心逻辑就是利用两个元素唯一的差异点data-value，结合共同的class属性做双重校验，这样就能精准命中你需要的第一个元素，不会误选data-value="2"的第二个元素。另外，相对定位的写法比长绝对路径更健壮，能适配页面小幅度的结构调整。

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