javascript - 将Class 添加到链接中指定的元素的动态代码

Question

我正在尝试通过单击按钮将类添加到 HTML 中指定的元素。

HTML:

<div id="servicenext"><a href="#nav2"><p class="four">next</p></a>

脚本:

$('#servicenext a').click(function(){
     $('ul.navigation a').removeClass('active');
     $(*the div in the href*).addClass('active');
}); 

我希望有动态的代码。基本上，它可以通过将类添加到 a href 中指定的任何元素来工作。 这是因为我有很多这样的东西，并且不希望单独对它们进行编码。

编辑:

谢谢詹姆斯!那太棒了! 但我确实必须道歉，我自己对我的要求感到困惑! 我实际上想要 addClass 的实际上是 ul.navigation a

中的 li

所以，如果我的想法正确，我会尝试这样做:

• 点击“下一步服务”按钮，
• 代码获取 href 中 div 的 id
• addClass 应用于具有相同 href 的 li

我猜应该在某个地方有 if else 语句，请原谅我，我不是一个真正的程序员。

我想出的胡言乱语是:

$('#servicenext a').click(function(){
     $('ul.navigation a').removeClass('active');
     $($(this).attr("href").find($('ul.navigation li a').attr("href"))).addClass('active');
}); 
});

Answer 1

由于 href 属性的值已经是有效的 ID 选择器，因此您可以简单地使用该属性的值:

$($(this).attr("href")).addClass('active');

请注意，您必须获取实际的属性值。 native DOM 属性返回实际的 URL，而不仅仅是属性的值。

这是一个working example .