如何仅通过文本内容定位关联Home的第二个Buy按钮的XPath？

需求说明 #

我需要为一段HTML代码中的第二个Buy按钮编写XPath，要求不能使用class、id或其他属性，也不能使用完整XPath，只能通过文本内容和相对结构定位。这段代码的外层div包含2个ul元素，每个ul下有3或4个li元素。由于内部属性会动态变化，但结构和文本内容固定，因此必须采用这种定位方式。目标是获取与包含文本“Home”的li关联的第二个Buy按钮。

尝试过的无效XPath #

我在Chrome控制台中尝试了以下表达式，但均未生效：

$x("//*[text()='Home']")
$x("//ul[text()='Home']")
$x("//*[text()='Home']/following-sibling::li")

问题分析 #

• //*[text()='Home']：仅能定位到包含“Home”的最内层div节点，无法关联到后续的Buy按钮；且原始文本包含缩进空格，直接匹配text()='Home'会因为空格不匹配而失败。
• //ul[text()='Home']：ul节点本身的文本不包含“Home”，“Home”是ul的子元素文本，因此该表达式无法找到目标ul。
• //*[text()='Home']/following-sibling::li：包含“Home”的div节点没有同级的li元素，自然无法定位到目标内容。

解决方案 #

正确的XPath表达式 #

以下表达式可以精准定位到目标Buy按钮：

// 定位到Buy按钮的文本节点
$x("//*[normalize-space(text())='Home']/ancestor::ul//*[normalize-space(text())='Buy']")

// 直接定位到button元素（更精准）
$x("//*[normalize-space(text())='Home']/ancestor::ul/li[2]//button[.//*[normalize-space(text())='Buy']]")

表达式解释 #

1. normalize-space(text())='Home'：用normalize-space()去除文本前后的空白字符（包括缩进、换行），确保能匹配到实际显示的“Home”文本。
2. /ancestor::ul：从包含“Home”的节点向上查找最近的ul父节点，锁定“Home”所在的列表容器。
3. /li[2]：在该ul中选择第二个li元素（目标Buy按钮所在的li）。
4. //button[.//*[normalize-space(text())='Buy']]：在第二个li中查找包含“Buy”文本的button元素。

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