jQuery addClass example

Change class name on click in jQuery

HTML

<div id="parent">
  <div id="1" class="child">
  
  </div>
   <div id="2" class="child">
  
  </div>
</div>
<p id="message">
</p>

CSS

#parent {
  width: 300px;
  height: 300px;
  background-color: cyan;
}

.child {
  height: 100px;
  width: 100px;
  background-color: grey;
  border: 1px solid black;
}

JavaScript

$("#parent").on('click', event => {
	$('#message').text(event.target.id)
})