addClass的动态代码到链接中指定的元素

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实际上li中的ul.navigation a

所以，如果我正在思考，我试图这样做：

• 点击servicenext按钮，
• 代码获取id
中div的{​​{1}}
• href已应用于具有相同addClass的{​​{1}}

我猜在某处应该有if else语句，原谅我，我不是真正的程序员。

我想出的那种乱语是：

li

Answer 1

由于href属性的值已经是有效的ID选择器，因此您只需使用属性的值：

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

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

这里是working example。