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

Dynamic code to addClass to an element specified in the link

本文关键字：元素 动态 代码 Class 添加 链接 用于      更新时间：2023-09-26

我正在尝试通过单击按钮将类添加到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

因此，如果我的想法正确，我会尝试这样做：

  • 通过单击"服务下一步"按钮，
  • 代码获取div id href
  • addClass应用于具有相同href的li
我

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

我想出的胡言乱语是：

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

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

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

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

这是一个工作示例。

相关文章：