JSFiddle - React, Tailwind, and code Playground

by Oliver_kh

HTML

<div class="cl"> <a href="http://fiddle.jshell.net/_display/">ссылка</a>
 <a href="/">ссылка</a>
 <a href="/">ссылка</a>
 <a href="/">ссылка</a>
 <a href="/">ссылка</a>
 <a href="/">ссылка</a>
 <a href="/">ссылка</a>
 <a href="/">ссылка</a>
 <a href="http://fiddle.jshell.net/_display/">ссылка</a>

</div>
<div class="link"></div>

CSS

.active {
    font-size:26px;
    font-weight:bold;
    color:black;
}

JavaScript

$(document).ready(function () {
    var url = document.location.href;
    $.each($(".cl a"), function () {
        if (this.href == url) {
            $(this).addClass('active');
        };
    });
    $(".link").text("Текущая ссылка - " + url);
});