加载页面时显示具有匹配子菜单的活动父菜单jQuery

<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>

$(document).ready(function() {
  // 获取当前页面的URL
  var currentUrl = window.location.href;

  // 遍历所有父菜单
  $('.parent-menu').each(function() {
    // 获取父菜单的链接URL
    var parentUrl = $(this).attr('href');

    // 判断当前页面的URL是否与父菜单的URL匹配
    if (currentUrl.indexOf(parentUrl) > -1) {
      // 添加活动样式到父菜单
      $(this).addClass('active');

      // 显示匹配子菜单
      $(this).next('.sub-menu').show();
    }
  });
});

.active {
  /* 活动样式的CSS属性 */
}

.sub-menu {
  display: none;
}