JSFiddle - React, Tailwind, and code Playground

HTML

<div id="id1"></div>
<div id="id2"></div>
<div id="id1"></div>
<div id="id2"></div>
<div id="id1"></div>
<div id="id2"></div>
<div id="id1"></div>
<div id="id2"></div>

CSS

#id1{display: block; width:100px;height:100px;}
#id2{display: block; width:100px;height:100px;}

JavaScript

$(function(){
$("[id='id1']").css({"background-color":"red"});
$("[id='id2']").css({"background-color":"green"});
});