JSFiddle - React, Tailwind, and code Playground

HTML

<form id="form1">
 <input type="text" name="text1" />
 <div id="traverseMe">
  <input type="text" name="text2" />
  <div id="inside">
  <input type="text" name="text3" />
   </div>
  <input type="text" name="text3" />
 </div>
</form>

JavaScript

$("#outerform #form1 #traverseMe  #inside> :input").each(function() {
  alert($(this).prop("name"));
})