jQuery addClass example

Change class name on click in jQuery

by Sampath_Madhuranga

HTML

<span class="a">
  <span class="b">Color 1</span>
</span>
<span class="b">
  <span class="a">Color 2</span>
</span>

CSS

.a {
  background-color: rgba(255, 0, 0, 0.5);
}

.b {
  background-color: rgba(0, 0, 255, 0.5);
}

.a > .b {
  background-color: rgba(0, 0, 255, 0.25);
}

.b > .a {
  background-color: rgba(255, 0, 0, 0.25);
}