小编mrW*_*son的帖子

我会试着解释一下我想做什么.如果类超过2,如何在多个类之间切换？当我点击彩色按钮时,将添加/交换容器颜色类.当我单击白色按钮时,它会删除容器颜色类.

这是一个更好理解的JSFiddle示例:https://jsfiddle.net/bwd86h4e/1/

我希望有人可以提供帮助.谢谢.

HTML:

<div class="buttons">
  <div class="btn btn-reset"></div>
  <div class="btn btn-red"></div>
  <div class="btn btn-green"></div>
  <div class="btn btn-yellow"></div>
</div>

<div class="container">
  When I click on the colored buttons above, then container color class will exchanged. When I click on the white button, then it removes container color class. How to do it?
</div>

CSS:

/* Buttons */
.btn {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 3px;
  cursor: pointer;
  border: 2px solid #333;
}
.btn.btn-red { background-color: red; …