jquery removeClass()

Question

Is it possible to remove all classes of an element that are not equal to a certain string,

for example, if I have the following HTML

<a href="" class="status pending"></a>
<a href="" class="status successful"></a>
<a href="" class="status unsuccessful"></a>

Could I remove all the classes that are not equal to status?

Answer 1

You could do this:

removeClass().addClass('status') 

Another option:

removeClass(function(i, c) { return c.replace('status', ''); });

Answer 2

or a bit faster

$('.status').attr('class','status');

will overwrite the class attribute of every element to hold only the 'status' value

Answer 3

if ($('a').hasClass("status")) {
   $('a').removeClass().addClass("status") 
} else {
   $('a').removeClass()
}

Answer 4

If you just want the status class to remain on all links you could do:

$("a").attr("class", "status");