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

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

我猜应该在某处是否有其他语句，请原谅我，我不是真正的程序员。

我想出的胡言乱语是：

$('#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');

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

这是一个有效的例子 。