CODEWITHSUNDEEP
javascriptjqueryhtml
David
David

Reputation: 67

How to find specific class name in html

I am new and start to learn writing html. In my code, the situation would be that when I click to a button, I used $(event.currentTarget).parents('.page-container') to get the whole html element of my currentTarget and then I have all elements like below:

<div class="page-container">
   <div id="mainContainer" class="container-fluid">
    <div class="row row-offcanvas row-offcanvas-left">
      <div id="accordionSummaryList" class="sidebar-left col-lg-2 col-md-2 col-sm-2 sidebar-offcanvas">
        <div class="mainTenant">
          <div class="subTenant">
             <h5 data-toggle="collapse" data-parent="#accordionSummaryList" href="#toggleAbleListGroup1">Admins</h5>                                                                     
             <div class="container-fluid panel-collapse collapse in" id="toggleAbleListGroup1"></div>
          </div>
        </div>
       </div>
      </div>
   </div>
</div>

What I would like to do is I would like to find all of the div element which have the class = "collapse in" and I want to remove the class "in" to hide the content inside of this div box.

How can I do that?

Upvotes: 1

Views: 158

Answers (4)

Dhaval Patel
Dhaval Patel

Reputation: 1096

you can do it with jquery

   jQuery('.collapse').removeClass('in');

Upvotes: 1

Fabrizio Calderan
Fabrizio Calderan

Reputation: 123367

in vanilla-JS

[].forEach.call(document.querySelectorAll('.subTenant .collapse.in'), function(el){
     el.classList.remove('in');
}

or with jQuery (if already included)

$('.subTenant .collapse.in').removeClass('in');

Upvotes: 1

Qubaish Bhatti
Qubaish Bhatti

Reputation: 728

You can also do it with this 

if($(event.currentTarget).parents('.page-container').find('.collapse'))
{
  $('.collapse').removeClass('in');
}

Upvotes: 0

Andrew
Andrew

Reputation: 1534

If you want to do it with jquery: $(".collapse.in").removeClass("in")

Upvotes: 1

Related Questions