JSFiddle - React, Tailwind, and code Playground

by MasterAlex

HTML

<ul class="magazine_nav">
    <li>
        <a href="/make_url_1">Link</a>
        <ul>
            <li><a href="/make_url_1/make_sub_url">Link</a></li>
        </ul>
    </li>
    <li><a href="/make_url_2">Link</a></li>
    <li><a href="/make_url_3">Link</a></li>
</ul>

CSS

.active_article > a {
    color: green;
}

JavaScript

$(function () {
  $('.magazine_nav li a').each(function () {
    var location = "http://site.ru/make_url_1/make_sub_url/";
    // var location = "http://site.ru/make_url_1/";
    var locationArray = location.split('/');
    var locationPath = locationArray[locationArray.length-2];
    var link = this.href.split('/');
    var linkPath = link[link.length-1];

    if(linkPath ==  locationPath) this.parentNode.className = "active_article";
  });
});