我使用以下脚本突出显示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一无所知,并且想知道是否有一种方法可以插入一个通配符,以便它可以选择上面列出的情况。我非常感谢对此有任何见解。
答案 0 :(得分:1)
您可以使用CSS attribute selector:
来简化它$('a[href*=' + window.location.href + ']').addClass('current');