Javascript jQuery:将类添加到<;a>;要素

Javascript jQuery:将类添加到<;a>;要素,javascript,jquery,wordpress,Javascript,Jquery,Wordpress,我有一个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> <div class=

我有一个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>
<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>

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

HTML

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

  • ...

有人知道如何做到这一点吗?

您可以使用jQuery的方法,而
的适当选择器是一个JSFIDLE来演示。

工作得非常好!非常感谢:)