0

我正在尝试通过单击按钮向我的 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');
});

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

编辑：

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

所以，如果我想对了，我正在尝试这样做：

  • 通过单击 servicenext 按钮，
  • 代码获取id的divhref
  • addClass应用于li相同的href

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

我想出的胡言乱语是：

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

1 回答 1

4

由于href属性的值已经是一个有效的 ID 选择器，你可以简单地使用属性的值：

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

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

这是一个工作示例。

于 2012-07-05T07:40:15.180 回答