JSFiddle - React, Tailwind, and code Playground

HTML

<div class="groupedDiv" id="group1">
    <div class="level1">
        Apples
        <div class="level2"> || L2-apple </div>
    </div>
    
    <div class="level1" style="display:none;">
        Oranges 
        <div class="level2"> || [L2-orange] </div>
    </div>
</div>

<br/>

<div class="groupedDiv" id="group1">
    <div class="level1">
        Roses
        <div class="level2"> || L2-rose </div>
        <div class="level3"> l3 rose </div>
    </div>
</div>

<br/>
<div id="count"></div>
<div id="count1"></div>

JavaScript

var count = $(".level1:visible").length;

$("#count").html("Count : "+count);

var count1 = $(".level1 :visible").parent().length;

$("#count1").html("Count with .parent().length: "+count1);