JSFiddle - React, Tailwind, and code Playground

by Dineshkani

HTML

<div id="firstdiv" class="sample">
    <div >Hello World</div>
    <div class="simple">Foo</div>
    <div><span class="simple">Welcome</span></div>
    <div>Ends</div>
</div>

<input type="button" value="Check" />

<input type="button" value="Check1" />

CSS

.sample{
    background-color: white;
    height: 140px;
}

.foo{
    background-color: yellow;
}

JavaScript

$("input[value='Check']").click(function(){
    $("#firstdiv > div").removeClass("foo");
    $("#firstdiv").children(".simple").addClass("foo");
});

$("input[value='Check1']").click(function(){
    $("#firstdiv > div").removeClass("foo");
    $("#firstdiv").find(".simple").addClass("foo");
});