如何编写XPath选择未设置aria-hidden="true"的取消按钮元素？

嘿，这个场景太常见了！当你遇到多个匹配的元素但其中一个被aria-hidden="true"隐藏时，只需要在XPath里加上排除条件就能精准选中可见的那个Cancel按钮。下面给你几种实用的写法：

基础写法（针对按钮文本为Cancel的情况） #

如果你的Cancel是<button>标签，直接用not()函数排除带有aria-hidden="true"属性的元素：

//button[text()='Cancel' and not(@aria-hidden='true')]

这个XPath的逻辑很简单：找到所有文本是Cancel的按钮，同时排除掉拥有aria-hidden="true"属性的那个。

处理文本含空格或大小写的情况 #

如果按钮文本前后有空格，或者大小写不一致（比如Cancel或者CANCEL），可以用normalize-space()来标准化文本：

//button[normalize-space(text())='Cancel' and not(@aria-hidden='true')]

normalize-space()会自动去掉文本前后的空格，还能把中间的多个空格换成单个，匹配更准确。

针对非button标签的情况 #

如果Cancel按钮是<input>标签（比如用value属性显示文本），调整一下XPath的匹配条件就行：

//input[@value='Cancel' and not(@aria-hidden='true')]

更精准的匹配（结合其他属性） #

如果页面上有多个类似的按钮，你可以结合元素的class、id等属性缩小范围，比如按钮有class="action-btn"：

//button[contains(@class,'action-btn') and text()='Cancel' and not(@aria-hidden='true')]

举个实际的例子，假设页面结构是这样的：

<button aria-hidden="true" class="cancel-btn">Cancel</button>
<!-- 这个是我们要选的可见按钮 -->
<button class="cancel-btn">Cancel</button>

用上面的基础XPath就能准确选中第二个可见的Cancel按钮。

小提醒：如果还是匹配不到，检查一下aria-hidden的拼写和属性值的大小写（一般都是小写的true），确保没有拼写错误哦！

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