javascript - 使用 jQuery 更改 CSS 类

Question

我有一个正在处理的菜单，我正在尝试更改 ID 和子元素上的 CSS 类。

我有一个包含部分的菜单(例如:aboutsection)。我已经为该部分的 ul 添加了一个 ID。我想做的是查看 id 的每个子 anchor 的 href 属性，如果当前 URL 匹配子项中的任何链接，则将类添加到“currentTab”的 aboutsection ID 和实际链接添加一类“currentLink”。

我有以下 jQuery，但它不工作。

$(document).ready(function(){
$( "aboutsection" ).each( function(){
    if($(this).attr('href') == document.URL){
       $(this ).addClass( "currentLink" );
       aboutsection.addclass('currentTab');
    }
});
}); 

Answer 1

您的一般使用方法

$(elementId).addClass('newClassName');

是正确的。

但是，您的整个循环可能会变得毫无用处，因为您的选择器可能不会返回任何内容。

如果 aboutsection 是一个元素的类，尝试

$('.aboutsection').each(function(){
    $(this).addClass('currentLink');
});

这实际上是一样的:

$('.aboutsection').addClass('currentLink');

如果 aboutsection 是一个元素 id(在整个页面上应该是唯一的)，尝试

$('#aboutsection').addClass('currentLink');