如何获取属性相似的首个单选按钮的XPath？附HTML代码示例

你提供的HTML中有两个结构、属性高度相似的单选按钮，以下是几种精准定位第一个单选按钮的方法：

方法1：直接通过元素位置索引选择 #

利用XPath的位置索引，选中所有type="radio"的input元素中的第一个：

//input[@type='radio'][1]

这个写法简单直接，适用于DOM结构稳定、单选按钮顺序固定的场景。

方法2：通过父容器的位置定位 #

先定位第一个mat-radio-button容器，再从中查找内部的单选按钮，定位范围更精准：

//mat-radio-button[1]//input[@type='radio']

这种方法可以避免误选页面其他位置的单选按钮，把查找范围限定在目标容器内。

方法3：通过标签文本内容定位（更可靠） #

两个单选按钮的标签文本（Harsh V | **3456和Thamil | **3457）是唯一标识，基于文本定位的稳定性更强，不会因为DOM顺序变化失效：

//input[@type='radio'][ancestor::mat-radio-button//label[contains(text(),'Harsh V | **3456')]]

如果文本是完全固定的，也可以用精确匹配代替contains：

//input[@type='radio'][ancestor::mat-radio-button//label[text()='Harsh V | **3456']]

注意事项 #

原HTML中两个单选按钮的id属性重复（均为mat-radio-32-input），这不符合HTML规范（id需全局唯一）。实际开发中建议修正该问题，修正后也可以直接通过id加索引定位：//input[@id='mat-radio-32-input'][1]，但依赖重复id的定位可靠性较低。

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