JSFiddle - React, Tailwind, and code Playground

by queryj

HTML

<div id="d1" class="outer-div">this is div 1
    <p id="p1">this is paragraph 1 <span id="s1" class="inner-span"> this is span 1 </span> </p>
    
    <p id="p2" class="para">
        this is paragraph 2.
    </p>
    
    <div id="id1">
        this is inner div
    </div>   
</div>
<div id="d2" class="outer-div">this is div 1
    <p id="p3">this is paragraph 1 <span id="s2" class="inner-span"> this is span 1 </span> </p>
    
    <p id="p4">
        this is paragraph 2.
    </p>
    
    <div id="id2">
        this is inner div
    </div>   
</div>

JavaScript

$(function(){
          var l = $("div.outer-div").children("#id2").length;
    console.log("total number of children: ", l);
    
    console.log($("div.outer-div").find(".inner-span"));
    
});