Home/ Questions/Q 7731807
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-01T06:34:23+00:00

this may be a stupid question as I can’t seem to find an answer

  • 0

this may be a stupid question as I can’t seem to find an answer 😛

Is there a way with javascript/jQuery to Target all links on a page ONLY if they link to the current page?

Say i’ve got a static sidebar on ALL pages, for intents and purposes:

<ul id="sidebar">
    <li><a href="/one">One</a></li>
    <li><a href="/two">Two</a></li>
    <li><a href="/three">Three</a></li>
</ul>

Notice the code for ALL of them is the same. Let’s say I’m on “www.domain.com/two” – Is there a way to target 

<li><a href="#">Two</a></li>

because it’s linking to the current page?

***ANSWERED*****

The guy deleted his answer – but I used it to create this –

var linksToCurrentPage = $('a[href="' + window.location.href + '"]');
if (linksToCurrentPage) {
    $('a').addClass('currently-active');
};

which worked 🙂

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Try the following:

    <!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>

<ul id="sidebar">
    <li><a href="/one">One</a></li>
    <li><a href="/two">Two</a></li>
    <li><a href="/three">Three</a></li>
</ul>


<script>
var pathname = window.location.pathname;
//$("a:contains('One')").css("color", "red"); // This will make One red (notice capital O)
$("a:contains(pathname)").css("color", "red");

</script>

    ​

    • 0