Javascript 替换类的后缀，同时保留其前缀

我想替换类的后缀，同时保留其前缀

演示：

所需代码应使所有div变为黑色。 以便：

类=菜单-456和菜单-789应替换为菜单-123 因此，所有div都应为黑色 HTML:

Javascript Jquery：

 /* I am not looking for javascript like removeClass nor addClass, 
nor do i want to change the background. 
I wanted to know if it is possible to REPLACE the suffix of a class*/

使用jQuery提供的和函数的组合，如下所示：

$(document).ready(function(){
    $(".menu-456,.menu-789").removeClass("menu-456 menu-789").addClass("menu-123");
});

此代码在加载DOM时运行，其作用如下：

它使用类menu-456或menu-789选择所有元素。 它从这些元素中删除了类menu-456和menu-789。 它为元素提供了类菜单-123。 您的jquery JS:

你可以和你

---

使用jQuery更改和处理类很容易。 看一看。 您可以使用or使代码更通用、更有效

例如，如果希望menu-123是元素上唯一的新类：

$("div[class|='menu']").attr('class', 'menu-123');

或者，如果你想变得聪明：

$("div[class|='menu']").attr('class', function(i, c){
  return c.replace(/(^|\s)menu-\S+/g, 'menu-123');
});

---

多亏了。

我建议您先看看Codecademy，以帮助您开始使用JavaScript:.将bg颜色更改为黑色的不同方法。你只需在js中设置背景颜色就可以了。我明白，背景的改变只是一个演示。我想用一个更复杂的代码替换这个类的后缀，这个代码在演示中不显示。

 $(document).ready(function () {
  $('[class^=menu-]').not('.menu-123').removeClass().addClass('menu-123');
});

$("div[class|='menu']").attr('class', 'menu-123');

$("div[class|='menu']").attr('class', function(i, c){
  return c.replace(/(^|\s)menu-\S+/g, 'menu-123');
});