Topic: Using DOM to dynamically add a class to an 'a' tag (Page 1 of 1)

I am using a tabbed panel layout (JQuery) and when a tab is clicked 'class="current"' is dynamically added to the 'a' tag. The only trouble is I want to change the default 'current tab' when the page loads so I am hoping I can add 'class="current"' to the tab I require using DOM. I am very new to this so would be very grateful for any direction. I was planning on calling the Javascript code using an 'onload' event. Any help would be gratefully appreciated.

Thank you.

Can you not just add class="current" directly to the HTML for each given page?

How is the default tab currently designated?
If it is defined in the jQuery code, find it and change it. If it is defined by the HTML, change the HTML...

$(document).ready(function() {
	$(".classOfYourContainer a").addClass("current");
});

That is a bit of jQuery to add a class to an element on page load. However if you're using the default jQuery tab implementation it should automatically make the first element in the tab container the current tab upon page load.

Thank you very much - I'll give it a go.