JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<div class="item">
<input type="button" class="order" value="Button">
</div>
<div class="item">
<input type="button" class="order" value="Button">
</div>
<div class="item">
<input type="button" class="order" value="Button">
</div>
CSS
.item {
padding: 10px;
}
JavaScript
$( document ).ready(function() {
$('.order').click(function() {
$('div.item').css('background-color', 'inherit');
$(this).parents('div.item').css('background-color', 'red');
});
});