如何使用jquery激活两级菜单树中的每个链接？

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

<ul id="menu">
  <li>
    <a href="#">菜单项1</a>
    <ul>
      <li><a href="#">子菜单项1</a></li>
      <li><a href="#">子菜单项2</a></li>
    </ul>
  </li>
  <li>
    <a href="#">菜单项2</a>
    <ul>
      <li><a href="#">子菜单项3</a></li>
      <li><a href="#">子菜单项4</a></li>
    </ul>
  </li>
</ul>

$(document).ready(function() {
  $('#menu a').click(function(e) {
    e.preventDefault(); // 阻止链接的默认行为

    // 在这里添加你想要执行的代码，例如显示相关内容或执行其他操作

    // 示例：在控制台打印被点击的链接文本
    console.log($(this).text());
  });
});