Jquery删除类并替换为新类

当我点击一个按钮时，我想删除一个类并替换为另一个类。 我有以下html内容：

<div class="mainDiv-34">
   <div class="row one red"></div>
   <div class="row two red"></div>
   <div class="row three red"></div>
 </div>

$（'.mainDiv-34'）

表示您正在选择顶级div

您需要这样做：

$('.row.one.red').removeClass("row one red").addClass("row one green");

---

您没有选择正确的div

$('.mainDiv-34 div.row.two.red').removeClass("row two red").addClass("row two green");

---

这是因为要将类删除/添加到父div，请重试

$(".mainDiv-34").find(".row.two").removeClass("red").addClass("green")

---

您的选择器指向父div

.mainDiv-34

。您需要以其子元素为目标

场景1：更改

.mainDiv-34

中特定元素的类

$('.mainDiv-34 div.row.two').removeClass('red').addClass('green');

场景2：使用class

行更改
.mainDiv-34
中所有元素的类

 $('.mainDiv-34 div.row').removeClass('red').addClass('green');

$('.mainDiv-34 div.row').click(function()
{
  $(this).toggleClass('red green');
});

场景3：使用class
行在
.mainDiv-34
中的所有元素上切换类

 $('.mainDiv-34 div.row').removeClass('red').addClass('green');

$('.mainDiv-34 div.row').click(function()
{
  $(this).toggleClass('red green');
});

示例：
您的目标是父对象而不是子对象
第二行红色
在这里不是一个类，而是三个类。删除前两个，然后再添加，这是胡说八道。只需删除
红色
，然后添加
绿色
。确保添加解释，而不是只留下一大块代码。