JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container" id="0">
  <div id="1">
    <div class="container" id="2">
      <div class="container" id="3"></div>
    </div>
    <div id="4">
      <div class="container" id="5"></div>
    </div>
  </div>
</div>

JavaScript

getOuterContainers($('#1')).each(function(){ document.write($(this).attr('id')+' ') })

    function getOuterContainers(el) {
     
        if (el.length == 0)
            return $([]);
        else
            return el.children('.container').add( getOuterContainers(el.children(':not(.container)')) );
        
    }