Question

我有一个菜单，我需要以不同方式突出显示当前页面的链接。我现在做了一种非常扭曲的比较字符串的方式，但我确信有更聪明的方法吗？

  jQuery(document).ready (function(){
        jQuery(".filteroptions .option").each (function (index,ele) 
        {
                link=jQuery(ele).find("a").attr("href").toString();
                p=jQuery(window).attr("location").toString().search(link)
                if (p!=-1){
                        jQuery(ele).find(".link").addClass("current")
                }
        });
  });

Answer 1

像这样的东西会起作用......

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

或者，如果您没有在链接中使用完整路径网址

$('a').each(function(){
    if ( window.location.href.indexOf( $(this).attr('href') ) !== -1 ) {
        $(this).addClass('current');
    }
});

用于比较您所在页面的Javascript链接

1 个答案: