このページにリンクしていますか？

Question

私のウェブサイトのナビゲーションには、現在のページへのリンクをすべてカラーにしたいと考えています。
現在のページを指しているリンクを見つけるにはどうすればよいですか？
リンクのhrefは "../index.php"のようですが、現在のページはhttp://mysite.myserver.com/index.phpです。

これは動作するように望んでいない私の現在のアプローチです：文書の準備ができている

String.prototype.endsWith = function(str) { return (this.match(str + "$") == str); } 
String.prototype.startsWith = function(str) { return (this.match("^" + str) == str) } 
String.prototype.trim = function(sec) 
{ 
    var res = this; 

    while (res.startWith(sec)) 
    { 
     res = res.substr(sec.length); 
    } 

    while (res.endsWith(sec)) 
    { 
     res = res.substr(0, res.length - sec.length); 
    } 

    return res; 
} 

そして、：

$("a").each(
    function (i) 
    { 
     if (window.location.pathname.endsWith($(this).attr("href").trim("."))) 
     { 
      $(this).addClass("thispage"); 
     } 
    } 
); 

そして、はい、私はこの家に色かもしれません知っていますリンク（../index.php - すべてのページがそれで終わるので！）。だから私はより良い方法が必要な理由です...

Answer 1

$("a[href]").filter(function() { 
    return window.location.pathname === this.pathname; 
}).addClass("thispage"); 

window.locationのがディレクトリである場合、あなたはindex.phpで終わる文字列を作成することができます。

var win = window.location.pathname; 
if(win.slice(-1) === '/') { 
    win += 'index.php'; 
} 
$("a[href]").filter(function() { 
    return win === this.pathname; 
}).addClass("thispage"); 

Answer 2

これはjavascriptで行う必要がありますか？あなたのページ生成コードでクラスを設定する方が簡単だと思われます。

Answer 3

a：visitedクラスをお試しください。これにより、訪問したタグの色を指定することができます。あなたのコメントについて http://www.w3.org/TR/CSS2/selector.html#link-pseudo-classes