有没有一种方法可以跟踪元素并循环菜单？

<ul id="menu">
  <li class="menu-item">菜单项1</li>
  <li class="menu-item">菜单项2</li>
  <li class="menu-item">菜单项3</li>
</ul>

var menuItems = document.getElementsByClassName('menu-item');
for (var i = 0; i < menuItems.length; i++) {
  menuItems[i].addEventListener('click', function() {
    // 在这里执行菜单项被点击时的操作
    console.log('菜单项被点击');
  });
}

var menuItems = document.getElementsByClassName('menu-item');
for (var i = 0; i < menuItems.length; i++) {
  menuItems[i].addEventListener('click', function() {
    // 显示子菜单
    var subMenu = this.getElementsByClassName('sub-menu')[0];
    subMenu.style.display = 'block';

    // 导航到其他页面
    window.location.href = 'https://example.com';
  });
}