基于关联元素定位Web元素：根据stickerTitle获取对应stickerStatus

问题背景 #

需要将元素文本存储到字符串变量，但页面存在多个相似元素，需满足关联条件：当class为ItemPage-stickerTitle的元素文本等于指定值x时，获取对应的class为ItemPage-stickerStatus的元素文本。

页面HTML结构：

<div class="ItemPage-stickerTitle" style="color: rgb(255, 255, 255);">Spirit | 2020 RMR</div>
<div class="ItemPage-stickerValue">Sticker price: $0.04</div>
<div class="ItemPage-stickerStatus">Slot 1 - Unscratched</div>

原代码错误分析 #

你尝试的写法存在XPath语法和逻辑错误：

sticker_wear = driver.find_element("xpath", "//div[@ItemPage-stickerTitle = excel_output.at[URL_Price_num, 'Sticker'] and @ItemPage-stickerStatus]").text

1. 属性选择器误用：@ItemPage-stickerTitle是查找名为ItemPage-stickerTitle的属性，但实际这是class属性的值，应使用@class='ItemPage-stickerTitle'
2. 文本匹配逻辑错误：直接用属性等于的方式无法匹配元素文本，需使用text()函数
3. 关联关系缺失：未将目标title元素和对应的status元素建立层级/同级关联，导致定位逻辑失效

正确实现代码 #

方式一：精准匹配文本的XPath写法

# 获取目标title文本
target_sticker_title = excel_output.at[URL_Price_num, 'Sticker']

# 定位关联的status元素并获取文本
sticker_wear = driver.find_element(
    "xpath",
    f"//div[@class='ItemPage-stickerTitle' and text()='{target_sticker_title}']/following-sibling::div[@class='ItemPage-stickerStatus']"
).text

方式二：处理文本含空格的健壮写法

如果元素文本可能存在首尾空格或换行，使用normalize-space()标准化文本后匹配：

target_sticker_title = excel_output.at[URL_Price_num, 'Sticker']

sticker_wear = driver.find_element(
    "xpath",
    f"//div[@class='ItemPage-stickerTitle' and normalize-space(text())='{target_sticker_title}']/following-sibling::div[@class='ItemPage-stickerStatus']"
).text

逻辑说明 #

• 先通过@class='ItemPage-stickerTitle'和文本匹配条件筛选出符合要求的标题元素
• 使用following-sibling::div轴，找到同一层级下后续的class为ItemPage-stickerStatus的元素，确保定位到的是和目标标题关联的状态元素

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