Je suis nouveau et commence à apprendre à écrire du HTML. Dans mon code, la situation serait que lorsque je clique sur un bouton, j'utilise $(event.currentTarget).parents('.page-container') pour obtenir tout l'élément html de mon currentTarget, puis j'ai tous les éléments comme ci-dessous:

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

Ce que je voudrais faire, c'est que je voudrais trouver tous les éléments div qui ont la classe = "collapse in" et je veux supprimer la classe "in" pour cacher le contenu à l'intérieur de cette boîte div.

Comment puis je faire ça?

1
Son 9 mars 2016 à 13:50

4 réponses

Meilleure réponse

À la vanille-JS

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

Ou avec jQuery (si déjà inclus)

$('.subTenant .collapse.in').removeClass('in');
1
Fabrizio Calderan 9 mars 2016 à 11:21

Vous pouvez également le faire avec ce

if($(event.currentTarget).parents('.page-container').find('.collapse'))
{
  $('.collapse').removeClass('in');
}
0
Qubaish Bhatti 9 mars 2016 à 10:58

Si vous voulez le faire avec jquery: $(".collapse.in").removeClass("in")

1
Andrew 9 mars 2016 à 10:56

Vous pouvez le faire avec jquery

   jQuery('.collapse').removeClass('in');
1
Dhaval Patel 9 mars 2016 à 11:21