jQuery: Adding a class to <a> element

Question

I have a WordPress site and I would like to add a class to the links in the main navigation using jQuery.

This is how the code currently looks:

HTML

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

And this is what I'd like to achieve:

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>

Does anyone have a clue how to do this?

CodingIntrigue · Accepted Answer · 2013-07-31 11:50:48Z

8

You can use jQuery's .addClass() method and the appropriate selector for the <a> tags:

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

Here is a jsFiddle to demonstrate.

answered Jul 31, 2013 at 11:50

CodingIntrigue

79k32 gold badges176 silver badges178 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jQuery: Adding a class to <a> element

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related