Как найти имя конкретного класса в html

Question

Я новичок и начинаю изучать html. В моем коде, то ситуация была бы, что, когда я нажимаю на кнопку, я $(event.currentTarget).parents('.page-container') получить весь HTML элемент моего currentTarget, а затем у меня есть все элементы, как показано ниже:

<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> 

То, что я хотел бы сделать Я хотел бы найти весь элемент div, который имеет класс = «свернуть в», и я хочу удалить класс «in», чтобы скрыть содержимое внутри этого поля div.

Как я могу это сделать?

Answer 1

в ваниль-JS

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

или с JQuery (если он уже включен)

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

Answer 2

вы можете сделать это с JQuery

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

Answer 3

Если вы хотите сделать это с jquery: $(".collapse.in").removeClass("in")

Answer 4

Вы также можете сделать это с этим

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