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

我是新手，开始学习编写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元素，我想删除class“in”以隐藏这个div框中的内容

---

我怎样才能做到这一点呢？

您可以使用jquery来做到这一点

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

香草JS

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

或者使用jQuery（如果已经包含）

---

如果要使用jquery执行此操作：

$（.collapse.in”）.removeClass（“in”）

也可以使用此

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

---

您的意思是希望使用jQuery查找具有特定类名的元素吗？是的，我希望查找特定类名，然后删除该类，例如，我想在中找到类collapse，然后在中删除类，我想问的一件事是：是否可能找到位于特定元素内部的特定类名？例如，在我的例子中：位于div类“subTenant”内部的类“collapse In”，我认为性能上的差异对于一次使用不会明显，无论如何，感谢您的回答fcalderan！。我想问的一件事是：我是否可能找到位于特定元素内部的特定类名？在我的例子中：类“collapsein”位于div类“subTenant”的内部，我想问的一件事是：我是否可能找到位于特定元素内部的特定类名？在我的例子中：类“collapse In”位于div class“subTenant”@Son的内部，是的，您可以在.find（）函数的帮助下找到特定的类名。看到这个，您可以直接使用jQuery（'.collapse'）。removeClass（'In'）；hasClass检查完整html中的多个类并删除所有“in”类，但您编写的逻辑是：如果页面上的任何

div

元素具有类

.collapse

，则从所有具有

.collapse>类的元素中删除类
.in
。if在这里是多余的，Andrew，我想问的一件事是：我能找到位于特定元素内部的特定类名吗？在我的例子中：类“collapse In”位于div类“subTenant”的内部当然，您可以尝试
$（“.subTenant.collapse.In”）
选择器，或者如果类名为
subTenant
的元素是直接父元素：
$（“.subTenant>.collapse.In”）
。
符号表示父项的子项，其中父项位于符号之前，子项位于符号之后
if($(event.currentTarget).parents('.page-container').find('.collapse'))
{
  $('.collapse').removeClass('in');
}