如何用XPath匹配非含MobileWrapper类父级的product-container元素

问题分析 #

你之前使用的XPath //div[not(contains(@class, 'MobileWrapper'))]/div[@data-testid='product-container'] 逻辑存在漏洞：它会匹配所有父级（任意层级的div）不含MobileWrapper的子元素product-container，但无法精准过滤掉直接父级或祖先级含MobileWrapper的目标元素，导致意外匹配到不需要的结果。

针对不同需求的解决方案 #

1. 仅排除直接父级div含MobileWrapper的product-container #

如果你只需要过滤掉直接父级div的class包含MobileWrapper的product-container，使用以下XPath：

//div[@data-testid='product-container'][not(contains(parent::div/@class, 'MobileWrapper'))]

• 逻辑说明：先定位所有data-testid="product-container"的div，再过滤掉直接父级div的class包含MobileWrapper的元素。
• 匹配结果（对应你的示例）：会选中第一个外层div下的3个product-container，以及DesktopWrapper下的3个product-container，排除MobileWrapper下的3个。

2. 排除所有祖先div含MobileWrapper的product-container #

如果你的场景中，product-container可能嵌套在多层div下，需要排除任何祖先div的class包含MobileWrapper的元素，使用以下XPath：

//div[@data-testid='product-container'][not(ancestor::div[contains(@class, 'MobileWrapper')])]

• 逻辑说明：先定位目标元素，再检查是否存在祖先div的class包含MobileWrapper，若存在则排除。

验证示例 #

针对你提供的HTML结构，使用第一种XPath即可得到符合预期的结果，不会匹配到MobileWrapper内的product-container元素。

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