JSFiddle - React, Tailwind, and code Playground

by Dineshkani

HTML

<div id="firstdiv">
    <div>Hello Jquery</div>
    <div>Welcome to Tutorial</div>
    <div>Hello World</div>
    <div>Ends</div>
</div>

<div id="secondiv" class="sample">
    
</div>


<input type="button" value="toArray" />
<input type="button" value="reverse" />

CSS

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

JavaScript

$("input[value='toArray']").click(function(){
    $("#secondiv").html($("#firstdiv > div").toArray());
});

$("input[value='reverse']").click(function(){
        $("#secondiv").html($("#firstdiv > div").toArray().reverse());
});