jQuery：向<a>元素</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來演示。