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

时间:2015-09-02 15:38:21

标签: javascript html class replace rename

有一个标有#Roster-1000115-Color的div类。此div元素是一个下拉菜单,允许您选择不同的颜色。 1000115是会话令牌,因此该号码不断变化。我需要用代表颜色值的数字替换它。

例如,如果我单击下拉菜单并选择“白色”,我需要将div类重命名为#Roster-FFFFFF-Color。

我需要一个javascript函数来识别该会话ID号,然后用常量值替换。

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

1 个答案:

答案 0 :(得分: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表示全局(多次)检查正则表达式并且不区分大小写,因为类或id应该不区分大小写。