JSFiddle - React, Tailwind, and code Playground

by Thiago Diniz

HTML

<button class="prev">prev</button>

<ul class="thumbs">
    <li>
        <a href="#">Item</a>
    </li>

    <li>
        <a href="#" class="ON">Item</a>
    </li>

    <li>
        <a href="#">Item</a>
    </li>
</ul>

<button class="next">next</button>

CSS

* {
    font-family: sans-serif
}

.ON {
    color: red
}

JavaScript

$('.prev').on('click', function(){
	$('.ON').parent().prev('li').find('a').addClass('ON')
});