JSFiddle - React, Tailwind, and code Playground
HTML
<span class="taPicker" data-imgID="0">0</span>
<span class="taPicker" data-imgID="1">1</span>
<span class="taPicker" data-imgID="2">2</span>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
CSS
span.taPicker {
color: black;
}
JavaScript
var selectedClass = null;
$(".taPicker").click(function(e) {
var imgID = $(this).attr("data-imgID");
$('body').addClass('picker-' + imgID);
if (selectedClass != null) {
$('body').removeClass(selectedClass);
}
selectedClass = 'picker-' + imgID;
});