jQuery addClass example

Change class name on click in jQuery

HTML

<div id="container" onclick="alert('clicked in container')">
  <div id="div1" >Something inside the other div</div>
</div>

CSS

#container  {
  background-color: red;
  width: 640px;
  height: 640px;
}
#div1 {
  background-color: yellow;
}

JavaScript

$(document).on('click', '#container #div1', function(e) {
	e.stopPropagation();
  e.stopImmediatePropagation();
 alert('clicked in div1 only');
})