Question

我正在使用这个jquery来根据页面网址设置我网站上的链接的样式：

$(document).ready(function() {

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

每个链接的html都是这样的：

<a href="http://mysite.com/our-company.html">Our Company</a>

问题是，如果有人试图访问www.mysite.com/our-company.html，样式将无效。

如何删除“www。”从变量？我尝试在几个不同的地方放置一个“.replace”，但我是新手。

我试过了：

$(document).ready(function() {

var urla = window.location;
var urlb = urla.replace("www.","");

$("#left a").each(function() {
  if($(this).attr('href') == urlb){
   $(this).addClass('current');
 }
});
        });

只是尝试重定向到“http://mysite.com/www。”

Answer 1

您需要获取网址的href，而不是网址本身。使用window.location.href：

$(document).ready(function() {
    // `.href` added
    var urla = window.location.href;
    var urlb = urla.replace("www.","");

    $("#left a").each(function() {
        if($(this).attr('href') == urlb){
            $(this).addClass('current');
        }
    });
});

Answer 2

尝试：

 var url = windown.location;
 var url2 = url.replace("www.", "");

$("#left a").each(function() {
  if($(this).attr('href') == url2){
   $(this).addClass('current');
 }

}）; }）

基于页面URL和jquery的样式链接，不与＆＃34; www。＆＃34;

2 个答案: