如何在Selenium中基于兄弟节点的文本定位目标元素

核心思路 #

通过文本匹配锚定唯一标识的span节点，再用XPath轴定位关联到对应的"Show More"元素，你之前使用follow-siblings失败大概率是节点层级或轴方向匹配错误，以下是可直接落地的方案：

方案1：直接XPath定位 #

先给常见的对应场景HTML结构参考：

示例页面结构

<div class="item-card">
  <span class="_3QYUVo0T">红色标识文本A</span>
  <div class="content-wrap">
      <!-- 其他嵌套元素 -->
      <button class="common-btn">Show More</button>
  </div>
</div>
<div class="item-card">
  <span class="_3QYUVo0T">红色标识文本B</span>
  <div class="content-wrap">
      <!-- 其他嵌套元素 -->
      <button class="common-btn">Show More</button>
  </div>
</div>

对应XPath写法：

• 如果"Show More"和span是同级兄弟节点：
  //span[@class='_3QYUVo0T' and text()='你要匹配的红色文本']/following-sibling::*[contains(text(),'Show More')]
• 如果"Show More"在共同父节点的嵌套层级中，先找公共父节点再向下匹配：
  //span[@class='_3QYUVo0T' and text()='你要匹配的红色文本']/ancestor::div[1]//*[contains(text(),'Show More')]

说明：ancestor::div[1]表示取当前span向上追溯的第一个div父节点，可根据你实际的公共父节点标签（li/section等）调整。

方案2：批量遍历定位（适合全量匹配所有对应项） #

Python代码示例：

from selenium.webdriver.common.by import By

# 先获取所有带唯一标识的锚点span
category_spans = driver.find_elements(By.CSS_SELECTOR, "span._3QYUVo0T")
result_map = {}

for span in category_spans:
    # 取出唯一区分的红色文本
    category_name = span.text.strip()
    # 在当前span的公共父节点范围内查找对应Show More按钮
    show_more_btn = span.find_element(By.XPATH, "./ancestor::div[1]//*[contains(text(),'Show More')]")
    result_map[category_name] = show_more_btn

注意事项 #

• 如果标识文本存在空格、换行或部分动态内容，把text()='xxx'替换为contains(text(),'xxx')做模糊匹配即可
• 如果元素加载有延迟，可搭配WebDriverWait显式等待使用，避免定位空值
• 核心逻辑支持所有编程语言的Selenium版本，仅对应语法需要调整

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