2012-03-30 173 views
-2

這可能是一個愚蠢的問題,因爲我似乎無法找到答案: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

我改變的問題。鏈接是絕對的,不是相對的:/ – Xhynk 2012-03-30 23:16:42

+0

var linksToCurrentPage = $('a [href =「'+ window.location.href +'」]');如果(linksToCurrentPage){ \t \t $('a')。addClass('currently-active'); }; 這工作 – Xhynk 2012-03-30 23:17:46

+0

你想改變鏈接href到當前頁面href到'#?' – iambriansreed 2012-03-30 23:19:32

回答

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>