JSFiddle - React, Tailwind, and code Playground

HTML

<div class="foo">I am X</div>
<div class="bar">I am Y</div>
<div class="foo bar">I am Both</div>

CSS

div {
    display: inline-block;
    padding: 5px 8px;
    background-color: #ddd;    
}

JavaScript

$(document).on('click change', '.foo.bar', function(e) {
  var classes = this.className.split(/\s+/);
  $.each(classes, function(i, cls) {
    handle(e, this, cls);
  })
})

function handle(e, elem, cls) { 
  // example: Event type click on elem DIV with class foo
  alert("Event type " + e.type + " on elem " + elem.tagName + " with class " + cls);
}