Question

我是新手，开始学习编写HTML。在我的代码中，情况是当我点击一个按钮时，我使用$(event.currentTarget).parents('.page-container')来获取currentTarget的整个html元素，然后我拥有如下所有元素：

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

我想要做的是我想找到所有包含class =“collapse in”的div元素，并且我想删除“in”类以隐藏此div框内的内容。< / p>

我该怎么做？

Answer 1

你可以用jquery

来做

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

Answer 2

in vanilla-JS

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

或使用jQuery（如果已包含）

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

Answer 3

如果你想用jquery：$(".collapse.in").removeClass("in")

来做

Answer 4

你也可以用这个

来做

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

如何在html中查找特定的类名

4 个答案: