如何用XPath查找包含指定文本子元素的父div元素

目标HTML结构 #

<div class="someDiv">
   <p class="someP">1</p>
   <span class="someP">2</span>
   <h1 class="someP">3</h1>
</div>
<div class="someDiv">
   <p class="someP">4</p>
   <span class="someP">5</span>
   <h1 class="someP">6</h1>
</div>

核心XPath表达式 #

直接通过父元素过滤条件定位，无需复杂的轴操作，表达式如下：

//div[./*[text()='1' or text()='3']]

表达式拆解：

• //div：全局匹配所有div元素
• [./*[text()='1' or text()='3']]：筛选出满足以下条件的div：
  • ./*：匹配当前div下的任意直接子元素（*适配所有标签类型）
  • text()='1' or text()='3'：子元素的文本内容为'1'或'3'

精准匹配优化（限定class） #

如果需要只匹配class为someDiv的div，调整表达式为：

//div[@class='someDiv' and ./*[text()='1' or text()='3']]

嵌套子元素适配 #

如果目标文本可能存在于更深层级的后代元素中，将*替换为descendant::*即可匹配所有后代：

//div[@class='someDiv' and ./descendant::*[text()='1' or text()='3']]

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