How to remove class with jquery?

Question

How do I remove the hidden class? In order to show the ribbon?

Html

<div id="alwaysInStockRibbon" class="ribbon-wrapper-productpage hidden">

Css

.hidden {
    display: none!important;
    visibility: hidden!important;

I've tried these below without success.

Jquery

$(".hidden").remove();
$(".hidden").removeClass();

Input?

http://stackoverflow.com/questions/17118847/remove-element-with-multiple-class-without-id — Oncodeeater, Aug 24 '16 at 11:04
All is there in the DOC link you provided... https://api.jquery.com/removeClass/ We cannot read it for you — A. Wolff, Aug 24 '16 at 11:05

score 2 · Accepted Answer · answered Aug 24 '16 at 11:03

2

You need to pass classname as argument in removeClass method to remove it in matched set:

Remove a single class, multiple classes, or all classes from each element in the set of matched elements.

 $(".hidden").removeClass('hidden');

answered Aug 24 '16 at 11:03

Milind Anantwar

score 1 · Answer 2 · answered Aug 24 '16 at 11:03

1

$("#alwaysInStockRibbon").removeClass('hidden');

answered Aug 24 '16 at 11:03

Dinesh Prajapati

score 1 · Answer 3 · answered Aug 24 '16 at 11:03

1

You have to tell, which class you want to remove.

$(".hidden").removeClass("hidden");

answered Aug 24 '16 at 11:03

eisbehr

score 1 · Answer 4 · answered Aug 24 '16 at 11:03

1

try this : removeClass method takes class name to remove. You can put space separated class name if want to remove multiple classes

$('.hidden').removeClass("hidden");

answered Aug 24 '16 at 11:03

Bhushan Kawadkar

fernando · Answer 5 · 2016-08-24T11:10:21.017

-2

or you can do something like this to show that ribbon:

$("#alwaysInStockRibbon").css('display','block');

edited Aug 24 '16 at 11:10

answered Aug 24 '16 at 11:04

fernando

5 Answers5