jQuery addClass example

Change class name on click in jQuery

HTML

<div class="container">
  <div class="up controller">Up</div>
  <div class="down controller">Down</div>
  <div class="left controller">Left</div>
  <div class="right controller">Right</div>
</div>

CSS

.container {
  background-color: white;
  width: 100%;
}

.container div {
  background-color: orange;
  display: inline-block;
  width: 100px;
  height: 100px;
}

JavaScript

// handle click and add class
$(".controller").on("click", function(e){
  alert(e.target.classList[0])
})

console.log()