如果该链接链接到当前页面,则定位链接?

时间:2012-03-30 23:07:26

标签: javascript jquery

这可能是一个愚蠢的问题,因为我似乎无法找到答案: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>

因为它链接到当前页面?

*** ANSWERED * ** * *

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

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

有效:)

1 个答案:

答案 0 :(得分:0)

尝试以下方法:

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