JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
        <div class="son0">111</div>
        <div class="son1">222</div>
        <div class="son2">333</div>
</div>

CSS

.parent {padding:30px; border:1px solid}

JavaScript

$(document).on('click', function(event){
	$('[class^=son]').each(function(){
    if($(event.target).hasClass($(this).attr('class'))) {
      console.log('sons '+ 'class: '+ $(this).attr('class'));
      return false
      }
    });
    if ($(event.target).hasClass('parent') ){
     	 console.log('parent');
    }    
  })