如何使用 XPath 条件化选取启用状态的 div 元素

在 Web 自动化或 HTML 解析场景中，常需根据元素的动态状态（如启用/禁用）进行条件化选取。上述 HTML 中，两个 <div> 仅在是否包含 buySellOrder_bso21MisDisabled__86CjY 类上存在差异——该类明确标识禁用状态。直接使用 contains(@class, "...") 判断存在性存在风险：因 @class 是空格分隔的字符串，contains() 可能误匹配子串（例如 Disabled 被包含在其他类名中），且原 XPath 语法有误：not contains(...) 缺少括号，应为 not(contains(...))。

推荐写法（健壮、可读、符合规范）：

//*[@class[contains(., "buySellOrder_bso21ProductOption__9UpPt") and not(contains(., "buySellOrder_bso21MisDisabled__86CjY"))] and contains(text(), "Intraday")]

该表达式含义清晰：

1. @class[contains(., "buySellOrder_bso21ProductOption__9UpPt")]：确保 class 属性中包含目标启用类；
2. not(contains(., "buySellOrder_bso21MisDisabled__86CjY"))：严格排除含禁用类的节点；
3. contains(text(), "Intraday")：进一步按文本内容校验，避免误选同类结构的其他元素。

注意事项：

1. 若类名具有高度随机性（如哈希后缀），建议改用语义化类名组合（如 buySellOrder_productOption + is-enabled），提升 XPath 可维护性；
2. 在 Selenium 中使用时，请确保 DOM 已加载完成，并考虑添加显式等待（如 WebDriverWait 等待元素存在且不包含禁用类）；
3. 避免过度依赖长哈希类名——它们易随构建流程变更；若无法控制前端，可退而求其次，用更稳定的定位策略（如结合父容器、data-* 属性或位置关系）。

? 进阶技巧：若需兼容多语言或动态文本，可将 "Intraday" 替换为正则匹配（XPath 2.0+ 支持 matches()），或在代码层二次过滤文本内容。但对大多数场景，上述 XPath 已足够精准可靠。