JSFiddle - React, Tailwind, and code Playground

by Bipen Chhetri

HTML

<ul>
<li class="selected" data-tab-id="0"></li>
<li data-tab-id="12">...</li>
<li data-tab-id="3">...</li>
<li data-tab-id="15">...</li>
<li data-tab-id="7">...</li>
</ul>

CSS

.selected{
background-color:red;
}

JavaScript

$('li').removeClass('selected'); 
$('li').each(function(){
  
    if($(this).attr('data-tab-id')==3){
        $(this).addClass('selected'); 
    }
})