JSFiddle - React, Tailwind, and code Playground

HTML

<div class="menu">
    <ul>
        <li><a href="http://jsfiddle.net/gscyoa0j/1/#tab-2">LINK 1</a></li>
        <li><a href="http://jsfiddle.net/gscyoa0j/1/#tab-44">LINK 2</a></li>
        <li><a href="http://jsfiddle.net/gscyoa0j/1/#tab-74">LINK 3</a></li>
    </ul>
</div>

<div class="tab">
    <ul>
        <li><a id="tab-2" class="active" >LINK 1 Content</a></li>
        <li><a id="tab-44" >LINK 2 Content</a></li>
        <li><a id="tab-74" >LINK 3 Content</a></li>
    </ul>
</div>

CSS

.active 
{
    color: green;
}

JavaScript

$(document).ready(function(){
    $(".menu ul li a").each(function(){
              var url = window.location.pathname;
              var id = url.substring(url.lastIndexOf('/') + 1);
              var land =('.tab').find("id");
              if( land == id ) {
                $('this').addClass('active');
              }
    })
});