如何使用JavaScript更改div类名称的一部分

Question

有一个标记为＃Roster-1000115-Color的div类。 该div元素是一个下拉菜单，允许您选择不同的颜色。 1000115是会话令牌，因此该数字一直在变化。 我需要将其替换为代表颜色值的数字。

例如，如果我单击下拉菜单，然后选择“白色”，则需要div类重命名为＃Roster-FFFFFF-Color。

我需要一个JavaScript函数，该函数将识别该会话ID号，然后将其替换为常数。

我一直在尝试使用REGEX搜索该号码。 我不确定如何识别该会话ID，然后将其替换为颜色值列表。

Answer 1

您在寻找这个正则表达式吗？ https://regex101.com/r/vE3oY6/2

/#Roster-([0-9a-f]{6})-Color/gi

以下是([0-9a-f]{6})部分的细分：

(                   //Start capturing group
  [0-9a-f]{6}       //Find any digit or letter from a to f recurring exactly 6 times
)

gi表示要全局（多次）检查正则表达式，并且不区分大小写，因为class或id应该不区分大小写。