remove css class from mutiple html elements

Question

On html page I have multiple elements like,

<a class="myInput red  selected" selectable="">1</a>
<a class="myInput blue selected" selectable="">2</a>

point is that I could have many different myInput classes like red, blue, green, ... Now I want on certain event to remove all selected classes from entire document.

I know that I should use .removeClass("selected") but I dont know how to apply on whole document to many elements

as long as they have that class it will be removed

guradio
– guradio

2015-09-17 07:25:27 +00:00
Commented Sep 17, 2015 at 7:25 — guradio
– guradio, Commented Sep 17, 2015 at 7:25

Rory McCrossan · Accepted Answer · 2015-09-17 07:25:32Z

6

You can find all .selected elements and remove the class like this:

$('.selected').removeClass('selected');

If there are multiple .selected elements found in the document jQuery will internally loop over all of them for you and change the class.

answered Sep 17, 2015 at 7:25

Rory McCrossan

338k41 gold badges321 silver badges353 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Jai · Accepted Answer · 2015-09-17 07:30:44Z

3

You can do this:

$('.myInput.selected').removeClass('selected');

it only removes the selected css class from the myinputs and which has the class selected.

answered Sep 17, 2015 at 7:30

Jai

74.8k12 gold badges77 silver badges104 bronze badges

Comments

Naveen Chandra Tiwari · Accepted Answer · 2015-09-17 07:28:34Z

1

You can use each loop like this as well :-

$('.selected').each(function(){
    $(this).removeClass("selected");
});

answered Sep 17, 2015 at 7:28

Naveen Chandra Tiwari

5,1333 gold badges22 silver badges27 bronze badges

1 Comment

Umesh Sehta Over a year ago

why loop each element when you can just do $('.selected').removeClass('selected');?

Steevan · Accepted Answer · 2015-09-17 07:34:24Z

1

You can check with the code.

$(selector).removeAttr(attribute)

you can refer the below link too.

Link

answered Sep 17, 2015 at 7:34

Steevan

8265 silver badges8 bronze badges

Collectives™ on Stack Overflow

remove css class from mutiple html elements

4 Answers 4

Comments

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related