JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="menu">
<li>menu1</li>
<li>menu2</li>
<li>menu3</li>
</ul>

<ul class="menu">
<li>menu4</li>
<li>menu5</li>
<li>menu6</li>
</ul>

<ul class="menu">
<li>menu7</li>
<li>menu8</li>
<li>menu9</li>
</ul>

CSS

.menu{padding:20px;}
li{list-style:none;}
.current{color:red}

JavaScript

$('ul.menu li:first').addClass('current');