2012-03-30 7 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> 

現在のページにリンクしているためですか?しかし、私はこれを作成するためにそれを使用 - -

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

***は、男は彼の答えを削除* *

を** *に答えうまくいった:

+0

私は質問を変えました。リンクは相対的ではなく絶対的なものです:/ – Xhynk

+0

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

+0

現在のページhrefのリンクhrefを '#?'に変更しようとしていますか? – iambriansreed

答えて

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> 

関連する問題