javascript - 如何从多个元素中删除同一个类？

Question

有没有办法从两个单独的 div 中删除相同的 div 类？

我有一个单页应用程序，并且在单击另一个导航按钮后，我试图让位于同一选项卡中的两个 div 隐藏。当前只有一个在您单击下一页后隐藏。我试图用这样的 for 循环隐藏类。

         nav: function(ev){
        ev.preventDefault();  
        let currentPage = ev.currentTarget.getAttribute('data-target');
        let curPage = document.getElementById(currentPage);
        if (curPage) { 
          var elems = document.querySelectorAll(".active");
          [].forEach.call(elems, function(el) {
            el.classList.remove("active");
          });
          document.getElementById(currentPage).classList.add('active');
          history.pushState({}, currentPage, `#${currentPage}`);
          document.getElementById(currentPage).dispatchEvent(onePage.show);
        };

.active 类 = 显示块。和 .page = 不显示

这是本节中的 html。

<div class="page active my-5 mx-5 card-container padding-table" 
</div>

和居住在同一视图上的另一个 div。两者都有一些内容，但这应该显示它的要点。

<!-- end of reportingSummary -->
<div class="active my-5 mx-5 card-container padding-table" id="reporting1"
  v-if="authenticatedUser && (hasReportedToday !== 'true')">

标签： javascriptvue.jsnavigationsingle-page-application