javascript - 如果 URL 在链接和窗口中匹配，则添加一个类

Question

我正在尝试编写一个匹配脚本来检测您所在的页面..以及指向您当前所在页面的同一页面上的粗体链接。

    $(document).ready(function () {

    var url = window.location.href;
    var match = $("a").attr("href");


    if(url == match) {
       $(match).parent().addClass("tomato");
    }


});

Answer 1

尝试

$('a').each(function () {
    if ($(this).attr('href') == window.location.href) { 
        $(this).addClass('tomato');
    }
});

Answer 2

你可以这样试试。

$('a[href~="'+url+'"]').addClass("tomato");

希望这会帮助你。

Answer 3

$('a').each(function() {
    var self = $(this);

    if (self.attr("href") == url) {
           // do something..
           self.css('font-weight', 'bold');
    }
});

http://jsfiddle.net/qbdTR/

Answer 4

您的代码中有一个简单的错误。

var 锚 = $("a");
var match = anchor.attr("href");
$(锚).parent().....

$(document).ready(function () {
    var url = window.location.href;
    var anchor = $("a"); 
    var match = anchor.attr("href");

    if(url == match) {
       $(anchor).parent().addClass("tomato");
    }
});

能用就更好了；
1. 具有 id 或类的父级 - $(anchor).parent('#anchorParent')- 在 HTML 中也使用相同的 id。
2. 或$(anchor).parents('div:eq(0)')用于第一个 div 父级。

同样的事情也适用于锚点 HTML : <a id="myAnchor">, script :$("#myAnchor");