如果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 anchor = $（“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)')作为第一个父母。

同样适用于锚定的HTML：<a id="myAnchor">，脚本：$("#myAnchor");