如何使用Selenium定位类名动态变化的元素？

针对你遇到的动态类名（末尾数字随机变化）问题，可以通过匹配类名的固定前缀/核心部分来定位元素，无需依赖易变的数字后缀。以下是几种可行方案：

方案一：CSS选择器（推荐，性能更优） #

利用CSS的属性匹配规则，定位按钮的固定类名部分：

• ^=：匹配以指定前缀开头的类
• *=：匹配包含指定字符串的类

示例代码 #

如果按钮的核心类是MuiButton-containedPrimary（后缀数字变化，但前缀固定），可以这样定位：

@FindBy(css = "button[class*='MuiButton-containedPrimary']")
WebElement actionButton;

如果需要更精准，结合多个固定类前缀：

@FindBy(css = "button[class^='MuiButtonBase-root'][class*='MuiButton-contained']")
WebElement actionButton;

方案二：XPath定位 #

通过contains()或starts-with()函数匹配类名的固定部分：

示例代码 #

// 匹配包含MuiButton-containedPrimary类的按钮
@FindBy(xpath = "//button[contains(@class, 'MuiButton-containedPrimary')]")
WebElement actionButton;

// 匹配以MuiButton-root开头的类的按钮
@FindBy(xpath = "//button[starts-with(@class, 'MuiButton-root')]")
WebElement actionButton;

补充说明 #

如果Refresh和Import按钮的核心类名完全一致，仅文本不同，你可以在类名定位的基础上结合文本判断，比如：

// 定位文本为Refresh的目标按钮
@FindBy(xpath = "//button[contains(@class, 'MuiButton-containedPrimary')]/span[text()='Refresh']/..")
WebElement refreshButton;

// 定位文本为Import的目标按钮
@FindBy(xpath = "//button[contains(@class, 'MuiButton-containedPrimary')]/span[text()='Import']/..")
WebElement importButton;

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