当有多个页面时(例如第2页)突出显示当前页面的脚本

时间:2014-06-02 21:03:33

标签: javascript jquery html

我使用以下脚本突出显示tumblr博客上的当前页面,我从这里获得:http://www.eznetu.com/current-link.html

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

这很好用,但有一个问题:链接必须与当前网址相同,否则无效。换句话说,如果链接指向blog.tumblr.com/tagged/red,它可以正常工作,但如果用户导航到下一页,即blog.tumblr.com/tagged/red/page/2,它将不行。

我对javascript一无所知,并且想知道是否有一种方法可以插入一个通配符,以便它可以选择上面列出的情况。我非常感谢对此有任何见解。

1 个答案:

答案 0 :(得分:1)

您可以使用CSS attribute selector

来简化它
$('a[href*=' + window.location.href + ']').addClass('current');