JSFiddle - React, Tailwind, and code Playground
HTML
<span class="taPicker" data-imgID="0">1</span>
<span class="taPicker" data-imgID="1">2</span>
<span class="taPicker" data-imgID="2">3</span>
JavaScript
function getPickerClasses(index, className) {
return className.split(' ').filter((classItem) => classItem.includes('picker-'));
}
$(".taPicker").click(function(e) {
var imgID = $(this).attr("data-imgID");
$('body').removeClass(getPickerClasses).addClass('picker-' + imgID);
});