Javascript 使用jQuery添加CSS类

下面我已经包含了jquery代码，我正在使用它向侧栏中的链接添加一个css类，该类等于活动url，但它不起作用，而且在某个点上确实起作用了

链接：

$（文档）.ready（函数（）{
$（“ul.right_子菜单>li>a”）。每个（函数（）{
if（$（this.attr（“href”）==location.href）
{
$（此）.addClass（“当前项目”）；
});
};

脚本中有未闭合的大括号：

$(document).ready(function(){
    $("ul.right_submenu > li > a").each(function() {
        var a = $(this);
        if (a.attr('href') == location.href) {
            a.addClass("CurrentProject");
        }
    });
});

你可以像这样重写你的脚本：

$('ul.right_submenu > li > a[href=' + location.href + ']')
    .addClass('CurrentProject');

---

脚本中有未闭合的大括号：

$(document).ready(function(){
    $("ul.right_submenu > li > a").each(function() {
        var a = $(this);
        if (a.attr('href') == location.href) {
            a.addClass("CurrentProject");
        }
    });
});

你可以像这样重写你的脚本：

$('ul.right_submenu > li > a[href=' + location.href + ']')
    .addClass('CurrentProject');

---

好的，除了代码缺少大括号和括号之外，还可以做得更简单：

$(function(){
    $("a[href^='" + location.href + "']").addClass("CurrentProject");
});

---

好的，除了代码缺少大括号和括号之外，还可以做得更简单：

$(function(){
    $("a[href^='" + location.href + "']").addClass("CurrentProject");
});

---

在链接之后，我的

location.href

转到

http://www.liquidcomma.com/portfolio/project/TSF_Robot_Ad/1/

但是页面中的项目链接指向

http://www.liquidcomma.com/portfolio/project/trade_show_fabrications/1

…这将使

attr（'href'）！=location.href

在其他链接中，

location.href

将以斜杠结尾，而链接的

href

则不会

---

如果您希望项目将来会发生变化（而且可能会发生变化），那么您应该使用除

href

属性之外的其他属性来匹配项目.

在您的链接之后，我的

位置。href

转到

http://www.liquidcomma.com/portfolio/project/TSF_Robot_Ad/1/

但是页面中的项目链接指向

http://www.liquidcomma.com/portfolio/project/trade_show_fabrications/1

…这将使

attr（'href'）！=location.href

在其他链接中，

location.href

将以斜杠结尾，而链接的

href

则不会

---

如果您希望项目在将来发生变化（而且很可能会发生变化），那么您应该使用除

href

属性之外的其他属性来匹配您的项目。

我猜问题在这里：$（this）.attr（“href”）==location.href-其中一个URL可能被规范化/解决。我猜问题在这里：$（this）.attr（“href”）==location.href-其中一个URL可能已规范化/解析。我已更改以解决Miguel的问题，选择器中的“^=”现在将仅匹配以当前位置URL开头的href。Exchange^=with$=…分别以开头和结尾。我已更改以解决Miguel的问题，选择器中的“^=”现在将仅匹配以当前位置URL开头的href。Exchange^=与$=…分别以开头和结尾。您好，如果您访问liquidcoma.com，看到案例研究部分，我尝试了您提供的较短代码作为替代解决方案，但似乎什么也没有发生。这很奇怪，因为您提供的两个示例完美。您好，如果您访问liquidcoma.com，看到案例研究部分，我尝试了您作为替代解决方案提供的较短代码，但似乎什么都没有发生。这很奇怪，因为您提供的两个示例似乎都是完美的。