JSFiddle - React, Tailwind, and code Playground

HTML

<div class="ab">
    <div class="item">CLICK</div>
    <div class="c"></div>
</div>
<div class="ad">
    <div class="item">CLICK</div>
    <div class="c"></div>
</div>
<div class="at">
    <div class="item">CLICK</div>
    <div class="c"></div>
</div>

CSS

.b{background:red;width:100px;height:25px;}
.c{background:black;width:100px;height:30px;}
.yellow{background:yellow !important;}

JavaScript

$(".item").delay(500).queue(function(){ 
  $(this).trigger("click"); 
  $(this).dequeue(); 
    alert($(this).parent().prop('class'));
});