JSFiddle - React, Tailwind, and code Playground

by kuroir

HTML

<ul>
<li class="heading">link</li>
<li>link</li>
<li>link</li>
<li>link</li>
<li>link</li>
<li class="heading">link</li>    
<li>link</li>
<li>link</li>
<li>link</li>
<li class="heading">link</li>
</ul>

CSS

.heading { color:red }

JavaScript

$('li:not(.heading)').click(function() {
    console.log('click');
    $(this).nextAll('.heading:first').css('color', 'green');
})