JSFiddle - React, Tailwind, and code Playground

by rodhartzell

HTML

<ul>
<li class="first"><a href="GenericNewForm.aspx">Trade blotter entry</a></li>
<li><a href="BlotterList.aspx">Trade blotter list</a></li>
<li><a href="TradeReviewAndUpdate.aspx">Trade review and update</a></li>
<li><a href="TradeVWAPUpdate.aspx">Trade VWAP Update</a></li>
<li><a href="CSATradeBlotter.aspx">CSA Trade blotter entry</a></li>
<li><a href="CSARulesForm.aspx">CSA Rules Screen</a></li>
<li><a href="WebBlotter.aspx">Trade Blotter manager</a></li>
<li><a href="_display" accesskey="3" title=""><span style="text-transform: uppercase">
    s</span>ign out</a></li>
</ul>

CSS

.hideMe{
    background-color: yellow;    
}

JavaScript

$(document).ready(function(){
    var pageName= location.pathname.split('/')[1];
    console.log('current page: ' + pageName);
    $("a").each(function(idx, el){
        console.log(el.href);
        var page = el.href.substring(el.href.lastIndexOf('/') + 1);
        if(page == pageName)
            $(el).addClass('hideMe');
    });
});