JSFiddle - React, Tailwind, and code Playground

by hslincoln

HTML

<div class="menu-navigation-container">
    <ul>
        <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8787"><a href="http://www.cornermag.com/mag/" style="font-size: 1.6rem;"><span>The Magazine</span></a>

        </li>
        <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9619"><a href="http://www.cornermag.com/snapped/" style="font-size: 1.6rem;"><span>Snapped</span></a>

        </li>
    </ul>
</div>

JavaScript

$(document).ready (function () {
    var classNames = $('.menu-navigation-container ul li').attr("class").match(/[\w-]*current[\w-]*/g);
    $(classNames).each(function () {
        $(this).addClass("active");
    });
});