JSFiddle - React, Tailwind, and code Playground

by roopendra

HTML

<div id="parent-1">
    <div id="child-1" class="child">CHILD 1
        <div id="sub-child-1" class="subchild">SUB CHILD 1</div>
        <div id="sub-child-2" class="subchild">SUB CHILD 2</div>
        <div id="sub-child-3" class="subchild">SUB CHILD 3</div>
    </div>
    <div id="child-2" class="child">CHILD 2</div>
    <div id="child-3" class="child">CHILD 3</div>
</div>

CSS

.child {
    background : #ccc;
    padding : 10px;
    border : 1px solid #000;
}
.subchild {
    background : brown;
    border : 1px solid #ccc;
    padding : 5px;
}

JavaScript

$(document).ready(function () {
    jQuery('div#parent-1 div:eq(2)').css("display", "none");
});