JSFiddle - React, Tailwind, and code Playground
jquery traaversal
HTML
<div id="1">
<div id="2">
<div id="3">
<div id="4"></div>
</div>
</div>
<div id="5">
<div id="6"></div>
</div>
<div id="7"></div>
</div>
JavaScript
function walk(e,d){
var s = '\n' + Array(d*4+1).join("_") + e.prop('tagName');
if(e.children().length > 0){
e.children().each(function(i,j){
s += walk($(this), d + 1);
});
}
return s;
}
alert(walk($('body'),0))
alert($('body').html());