JSFiddle - React, Tailwind, and code Playground

by mayanksaxena19

HTML

<div id="newDiv">
     <div class='class1'></div>
    <br/>
     <div class='class1'></div>
    <br/>
     <div class='class1'></div>
</div>
<input id='Submit' type='submit'></input>

CSS

.class1
{
    background-color:red;
    width:100px;
    height:100px;
}

.class2
{
    background-color:green;
    width:100px;
    height:100px;
}

JavaScript

$(document).ready(function(){
	$('#Submit').on('click',function(e){
    e.preventDefault();
        $('#newDiv .class1').each(function(){
            $(this).removeClass('class1').addClass('class2');
        });
    });
});