如何以‘Step 1. 设定自我发展方向’为起点选择复选框XPath定位器？

首先，咱们先拆解下你原来的XPath为啥不生效：

1. 你写的匹配文本是英文Step 1. Set the direction for self-development，但目标文本是中文Step 1. 设定自我发展方向，文本不匹配肯定找不到元素；
2. 层级逻辑可能错了——复选框元素和文本元素大概率是同级关系，而不是后代/自身关系，所以用descendant-or-self的层级查找逻辑根本走不通。

下面给你几个可行的定位方案，你可以根据页面实际结构选择：

方案一：通过文本找同级的复选框（最常用） #

如果页面结构是复选框和文本在同一个父元素下，且复选框在文本的左侧（比如左边是复选框控件，右边是说明文字），可以用preceding-sibling来定位：

//div[text()='Step 1. 设定自我发展方向']/preceding-sibling::div[@class='pdp-action-item-header__checkbox pdp-action-item-header__checkbox--unchecked']

要是复选框在文本的右侧，就把preceding-sibling换成following-sibling：

//div[text()='Step 1. 设定自我发展方向']/following-sibling::div[@class='pdp-action-item-header__checkbox pdp-action-item-header__checkbox--unchecked']

方案二：通过共同父元素定位（更稳定） #

如果想降低对元素顺序的依赖，先找到包含目标文本的父容器，再定位容器内的复选框：

//div[contains(@class, 'pdp-action-item-header') and .//div[text()='Step 1. 设定自我发展方向']]/div[@class='pdp-action-item-header__checkbox pdp-action-item-header__checkbox--unchecked']

这个方法的好处是不管复选框和文本谁在前谁在后，只要它们在同一个父容器里就能生效。

方案三：灵活匹配文本（避免精确匹配坑） #

如果目标文本前后有空格、换行或者其他冗余字符，用contains模糊匹配会更稳妥：

//div[contains(text(), 'Step 1. 设定自我发展方向')]/preceding-sibling::div[@class='pdp-action-item-header__checkbox pdp-action-item-header__checkbox--unchecked']

小技巧 #

你可以打开浏览器开发者工具（按F12），在Elements面板里搜索目标文本，然后查看它和复选框的层级关系，这样能快速确认哪种方案最适配你的页面结构。

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