jQuery:向<a>元素添加一个类

Question

我有一个WordPress网站,我想使用jQuery在主导航中的链接添加一个类.

这是代码目前的样子:

HTML

<div class="nav-menu">
<ul>
<li class="current_page_item">
<a title="Home" href="www.example.com">Home</a>
</li>
...
</ul>
</div>

这就是我想要实现的目标:

HTML

<div class="nav-menu">
<ul>
<li class="current_page_item">
<a title="Home" href="www.example.com" class="new-class-goes-here">Home</a>
</li>
...
</ul>
</div>

有没有人知道如何做到这一点？

Answer 1

您可以使用jQuery的.addClass()方法和<a>标记的相应选择器:

$(".nav-menu a").addClass("new-class-goes-here");

这是一个jsFiddle来演示.