如何删除单击其他链接时关闭子菜单的类

<ul>
  <li>
    <a href="#" class="menu-link">链接1</a>
    <ul class="submenu">
      <li><a href="#">子链接1</a></li>
      <li><a href="#">子链接2</a></li>
      <li><a href="#">子链接3</a></li>
    </ul>
  </li>
  <li>
    <a href="#" class="menu-link">链接2</a>
    <ul class="submenu">
      <li><a href="#">子链接4</a></li>
      <li><a href="#">子链接5</a></li>
      <li><a href="#">子链接6</a></li>
    </ul>
  </li>
</ul>

.submenu {
  display: none;
}

.submenu.open {
  display: block;
}

var menuLinks = document.querySelectorAll('.menu-link');

menuLinks.forEach(function(link) {
  link.addEventListener('click', function(e) {
    e.preventDefault();
    
    var submenus = document.querySelectorAll('.submenu');
    
    submenus.forEach(function(submenu) {
      if (submenu.classList.contains('open')) {
        submenu.classList.remove('open');
      }
    });
    
    var submenu = link.nextElementSibling;
    submenu.classList.add('open');
  });
});