Question

I am using jQuery for the first time to add a class to an element within the navigation bar, but the class, ‘.selected’ isn’t being added.

Please can you tell me where I am going wrong?

Here is an example: http://jsfiddle.net/v32qy/2/

Thanks!

Answer 1

this is not a jQuery object, it’s the actual DOM element. To turn it into a jQuery object, use $(this). So:

$(this).addClass('selected');

Another problem in the jsFiddle is that you’re not selecting the <a> element, you’re selecting the <h2>. Finally, the link is being followed. Here’s all that fixed.

---

^{Something else you might consider is that element.innerText doesn’t have very good browser support from what I’ve seen (i.e. it only works in IE). Just a small point of note.}