JSFiddle - React, Tailwind, and code Playground

by Jay Blanchard

HTML

<div>
    <ul>
        <li><a href="#">one</a></li>
        <li><a href="#">two</a></li>
        <li><a href="#">three</a></li>
    </ul>
</div>

JavaScript

$('a').click(function(e){
    if(0 == $(this).parent().index()){
        $(this).parents().css('background-color', '#CCFFCC');
    }else if(1 == $(this).parent().index()){
        $(this).parents().css('background-color', '#99CC99');
    }else if(2 == $(this).parent().index()){
        $(this).parents().css('background-color', '#669966');
    }
});