JSFiddle - React, Tailwind, and code Playground

by Anik Islam Abhi

HTML

<div class="canvas">
  <div id="1" data-level="0" data-tag="a"></div>
  <div id="2" data-level="0" data-tag="b">
    <div id="3" data-level="1" data-tag="b">
      <div id="4" data-level="2" data-tag="a"></div>
    </div>
    <div id="5" data-level="1" data-tag="a"></div>
  </div>
  <div id="6" data-level="0" data-tag="b"></div>
</div>

JavaScript

var outObj = $('div.canvas > div[data-level="0"]').map(function() {
  return {
    id: $(this).attr("id"),
    tag: $(this).data("tag")
  };

});
console.log(outObj);