CODEWITHSUNDEEP
jqueryregexremoveclass
Joe W
Joe W

Reputation: 1008

How to use the removeClass() callback function?

since jQuery 1.4 removeClass(); now takes a function as argument.

My <body> tag has a few classes added to it, for example:

<body class="heading-helvetica para-georgia pattern-flowers">

I wish to be able to replace the classnames, and I believe the function in removeClass() can help me, but I don't really understand the documentation on the jQuery site nor am I any good with Regex.

How can I replace for example heading-helvetica with heading-myriad or para-georgia with para-times and so on?

I had previously used something like this, which works only if the class name it is trying to replace is the first in the list of class names:

$('#headings li').click(function(){
    var this_class = $(this).attr('id');
    $('body[class|="heading"]').removeClass();
    $('body').addClass(this_class);
});

Upvotes: 1

Views: 3263

Answers (2)

BNL
BNL

Reputation: 7133

You will need to get the list of classes from the body tag and iterate / parse them.

See this article for how to get the classes.

Get class list for element with jQuery

You will have to figure out a list of classes to add and a list of classes to remove. Using a function as the parameter of the removeClass method isn't really necessary. Since you also need to add classes, it probably is the wrong way to go.

Upvotes: 2

jeffff
jeffff

Reputation: 1319

If you want to handle them all, you can use .attr() instead. Example:

var prev = $("body").attr('class'); $("body").attr('class', prev.replace('helvetica', 'myriad'));

That's pretty broad though, depending on what you're doing you may be better off with removeClass() and addClass().

Upvotes: 0

Related Questions