jquery - 基于页面 url 和 jquery 的样式链接，不适用于“www”。

Question

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

$(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

您需要获取 url 的 href，而不是 url 本身。使用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');
 }

}); })