JSFiddle - React, Tailwind, and code Playground

by Shree Khanal

HTML

<div class="filtr-item mod1">
  1
</div>
<div class="filtr-item mod2">
  2
</div>
<div class="filtr-item mod3">
  3
</div>

JavaScript

$('.filtr-item').on('click', function() {
   var num = $(this).prop('class').split(' ')[1].split('mod')[1];
   $('#menuCarousel').find('.active').removeClass('active');
   var cls = ".mod" + num + '_item';
   $(cls).addClass('active');
 });