Ссылка на эту страницу?

Question

Для навигации по моему сайту я хочу дать всем ссылкам на текущую страницу цвет.
Как найти ссылки, которые ссылаются на текущую страницу?
Ссылка href link похожа на «../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"); 
     } 
    } 
); 

И да, я знаю, это может окрасить дом link (../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

Попытка: посещенный класс. Это позволяет указать цвет посещаемого тега. http://www.w3.org/TR/CSS2/selector.html#link-pseudo-classes