JSFiddle - React, Tailwind, and code Playground

by mpetrovich

HTML

<span id="a">a</span>
<span id="b" class="x">b</span>
<span id="c" class="x">c</span>
<span id="d">d</span>

<div id="new"></div>

CSS

span {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: red;
    border: 1px solid white;
}

.x {
    background: orange;
}

.n {
    background: green;
}

JavaScript

$("<div class='n'>n</div>").replaceAll(".x");