如果链接链接到当前页面,则以该链接为目标

Target a link if that link links to the current page?

本文关键字:链接 目标 当前页 如果      更新时间:2023-09-26

这可能是一个愚蠢的问题,因为我似乎找不到答案:p

javascript/jQuery是否有一种方法,仅当页面上的所有链接链接到当前页面时,才将其作为目标?

假设我在所有页面上都有一个静态侧边栏,用于意图和目的:

<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>

请注意,它们的代码都是相同的。假设我在"www.domain.com/two"上-有办法瞄准吗

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

因为它链接到当前页面?

**已回答

这家伙删除了他的答案-但我用它创建了这个-

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

有效:)

尝试以下操作:

<!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>