.addclass() function not working in jquery

Question

I have a html div as below.

<div class="product-layout">
      <div class="product-thumb">
        <div class="image"> 
          <h1>welcome</h1>
        </div>
      </div>
    </div>

when i use addclass function to the class product layout it is not working.

 $(".product-layout").addClass("dontshow");

This is the way i have specified. Please let me know if there is a solution.

do you want in onload

Udhay Titus
– Udhay Titus

2019-02-07 05:28:40 +00:00
Commented Feb 7, 2019 at 5:28 — Udhay Titus
– Udhay Titus, Commented Feb 7, 2019 at 5:28
Show your related code it's hard to guess

Black Mamba
– Black Mamba

2019-02-07 05:29:39 +00:00
Commented Feb 7, 2019 at 5:29 — Black Mamba
– Black Mamba, Commented Feb 7, 2019 at 5:29

Udhay Titus · Accepted Answer · 2019-02-07 06:20:16Z

2

if you want addClass in onload please try this. you should include jquery plugin

$(document).ready(function() {
   $(".product-layout").addClass("dontshow");
});

.dontshow{
  background-color:#f00;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="product-layout">
      <div class="product-thumb">
        <div class="image"> 
          <h1>welcome</h1>
        </div>
      </div>
    </div>

edited Feb 7, 2019 at 6:20

answered Feb 7, 2019 at 5:30

Udhay Titus

5,8674 gold badges26 silver badges43 bronze badges

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

Comments

Mohit Gupta · Accepted Answer · 2019-02-07 05:31:38Z

0

I have updated class with jquery and please make sure put your script at bottom of your page , mean footer bottom.

$(document).ready(function(){
    $(".product-layout").addClass("dontshow");
});

.dontshow {
background-color: red;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="product-layout">
        <div class="product-thumb">
          <div class="image"> 
            <h1>welcome</h1>
          </div>
        </div>
      </div>

answered Feb 7, 2019 at 5:31

Mohit Gupta

7491 gold badge5 silver badges16 bronze badges

Collectives™ on Stack Overflow

.addclass() function not working in jquery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related