JSFiddle - React, Tailwind, and code Playground

by VitaliyAT

HTML

<body>
    <div id="1">1
      <div id="2"></div>
    </div>
    <div id="3">3</div>
    <div id="4">4
      <div id="5">5</div>
    </div>
    <div id="6">6</div>
    <div id="7"></div>
    <div id="8"></div>
    <div id="9">9</div>
  </body>

JavaScript

$('body *:not(:has(*)):not(:empty)').css('background', 'green');


$("body *").each( function() {
 if($(this).children("*").length){return true;}
 else{
   if($(this).text().length){
       $(this).css('background', 'red');
   }}
});

//Выборка элементов что не имеют детей, но имеют текст.