JSFiddle - React, Tailwind, and code Playground

by arjuncc

HTML

<div id="test">
    <div id="h1" class="1x cc"></div>
    <div id="h2" class="2x cc">
        <div></div>
    </div>
    <div id="h3" class="3x cc"></div>
    <div id="h4" class="4x cc"></div>
    <div id="h5" class="5x cc"></div>
    

</div>

JavaScript

var tst = $("#test > div"),tst3 = $("#test"),tst2,tst4;/*
console.log("------->"+tst);
$.each(tst,function(i, vl){
 console.log("---------> "+i);
});
console.log("-----1"+$("#test").html());
//tst2 = tst.clone();
tst2 = tst3.clone();
//$("#test").empty();
console.log("-----2"+$("#test").html());
console.log("-----4"+tst2.html());

console.log($(tst2).find("#h4").attr("class"));
*/
tst4 = $(".cc");
console.log(tst4.length);
$.each($(tst4),function(i, vl){
 console.log("---------> tst4 "+i);
});


/*console.log("-----2"+$("#test").html());
$.each(tst2,function(i, vl){
    var xx= "#h"+i;
    ob = $(tst2).get(xx);
 console.log("---------> "+$(ob).attr("class"));
});*/
//console.log($(tst2).get("#h1"));
//$(tst2).find(xx);
//console.log($("#test").html());