需要有关此代码的帮助,我从网络上下来了
$(document).ready(function(){
jQuery(".linkbar li").each(function(){
var href = jQuery(this).find('a').attr('href');
if (href === window.location.pathname) {
$(this).addClass('current');
}
});
});
如果我做 document.write(href);
我得到“未定义”
如果我将 var 放在函数href = jQuery(this).find('a').attr('href');
之前.each()
,它会更改我到当前类的所有链接
下面是我的 HTML 和 CSS 我需要更改当前页面的 css 链接,我对 Jquery/JS 不太好。请向我解释问题是什么以及如何解决。
<div class ="linkbar">
<a href = "/HTS/about-us.php"><li> ABOUT US </li> </a>
<a href = "service.php"><li> SERVICES </li> </a>
<a href = "download.php"><li> DOWNLOAD </li> </a>
</div>
CSS
.linkbar li{
text-decoration:none;
float:left;
list-style-type: none;
font-size:11px;
width:auto;
padding:9px 18px 9px 18px;
}
.current{
background-color:#fecd0f;
vertical-align:center;
color:#fff;
}