将类添加到具有特定ID链接的a-tag

时间:2013-10-31 08:24:25

标签: jquery css class add

我正在尝试将CS​​S-Class“active”添加到anchor-tag,后者的href-attribute包含当前在URL中处于活动状态的ID。到目前为止这是我的代码,但我无法使window.location.hash工作。

$( "a[href="window.location.hash"]" ).addClass('active');

我需要你的帮助!

另外,如果“window.location.hash”发生变化,我必须删除该类!我忘记了:(

3 个答案:

答案 0 :(得分:1)

使用以下代码替换您的代码。将删除所有活动类,并且具有当前URL的href将处于活动状态。

$('.active').removeClass('active');
$( "a[href='" + window.location + "']" ).addClass('active');

如果您想从特定部分删除活动类,请使用类层次结构,如

$('.xyz .active').removeClass('active');

答案 1 :(得分:0)

试试这个

$( "a[href='\\#ID']" ).addClass('active');

$(“a [href ='”+ window.location.hash +“']”)。addClass('active');

答案 2 :(得分:0)

听起来像你只想使用:target pseudoclass(不需要javascript)。你可以在这里阅读 - http://css-tricks.com/on-target/