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?

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?

• javascript
• jquery

Share Improve this question Follow edited Jan 26, 2011 at 22:37 Šime Vidas 186k6565 gold badges288288 silver badges391391 bronze badges asked Jan 26, 2011 at 22:26 sea_1987sea_1987 2,9541212 gold badges4646 silver badges6969 bronze badges

Add a ment  | 

4 Answers 4

Sorted by: Reset to default 5

You could do this:

removeClass().addClass('status') 

Another option:

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

or a bit faster

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

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

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

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

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