JSFiddle - React, Tailwind, and code Playground

HTML

<div class="All">
  <div class="Group1">
    <div class="single"></div>
    <div class="single"></div>
  </div>
  <div class="Group2">
    <div class="single"></div>
    <div class="Group2_1">
      <div class="single"></div>
      <div class="single"></div>
    </div>
  </div>
  <div class="Group3">
    <div class="MyElem"></div>
  </div>
</div>

CSS

.single{
    width:100px; 
    height:100px;
    background-color:#ccc;
}
.animated{
    background-color:red;
}
.Go{
    background-color:yellow;
}

JavaScript

$(function() {
      $('.MyElem').parent().parent().find('*').each(function(idx, elem) {
        if (!$(elem).children().length) $(elem).addClass('Go');
      });

      $('.Go').hover(function(event) {
        $(this).addClass('animated');

      });