JSFiddle - React, Tailwind, and code Playground

by Cerlin ST

HTML

<a class="class1">
   <div>
       <span class="class2" > with class </span>
   </div>
</a><a class="class1">
   <div>
       <span class="class2" > with class </span>
   </div>
</a><a class="class1">
   <div>
       <span class="class2" > with class </span>
   </div>
</a><a class="class1">
   <div>
       <span class="class2" > with class </span>
   </div>
</a><a class="class1">
   <div>
       <span class="class2" > with class </span>
   </div>
</a><a class="class1">
   <div>
       <span class="" > with class </span>
   </div>
</a><a class="class1">
   <div>
       <span class="class2" > with class </span>
   </div>
</a><a class="class1">
   <div>
       <span class="class2" > with class </span>
   </div>
</a><a class="class1">
   <div>
       <span class="class2" > with class </span>
   </div>
</a><a class="class1">
   <div>
       <span class="class2" > with class </span>
   </div>
</a><a class="class1">
   <div>
       <span class="" > with class </span>
   </div>
</a><a class="class1">
   <div>
       <span class="class2" > with class </span>
   </div>
</a>

JavaScript

$('.class1').filter(function(){
    return $(this).find('.class2').length == 0
}).css('color','red').text('without class');