JSFiddle - React, Tailwind, and code Playground

HTML

<div class='pai' id='item'>

    <div class='form'>

       <div class='filho' id='item1'>

            <div class='filho' id='item3'>

            </div>

       </div>

       <div class='filho' id='item2'>

       </div>

    </div>

</div>

JavaScript

alert('Números de filhos diretos ' + $('.pai > .form > .filho').length);

alert('OU Números de filhos diretos ' + $('.pai .filho:first-of-type').length);