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