<ul class="aside"> <li class="submenu"> <div class="submenu-title" style="color: #2468f2;"> <i class="iconfont icon-components-full"></i> <span>数据中心</span> <i class="iconfont icon-qian"></i> </div> <ul> <li class="menu-item">数据集</li> <li class="menu-item">在线标注</li> <li class="menu-item">标签组管理</li> </ul> </li> <li class="submenu"> <div class="submenu-title"> <i class="iconfont icon-shujumoxing"></i> <span>模型中心</span> <i class="iconfont icon-qian"></i> </div> <ul> <li class="menu-item">我的模型</li> <li class="menu-item">数据集验证</li> </ul> </li> </ul>jquery写出点击左边的menu-item，右边呈现对应的div

你可以使用 jQuery 来实现这个效果。首先，在 HTML 中为每个 menu-item 和对应的 div 定义一个标识符，例如：

<ul>
  <li class="submenu">
    <div class="submenu-title">
      <i class="iconfont icon-components-full"></i>
      <span>数据中心</span>
      <i class="iconfont icon-qian"></i>
    </div>
    <ul>
      <li class="menu-item" data-target="#dataset">数据集</li>
      <li class="menu-item" data-target="#labeling">在线标注</li>
      <li class="menu-item" data-target="#tag-group">标签组管理</li>
    </ul>
  </li>
  <li class="submenu">
    <div class="submenu-title">
      <i class="iconfont icon-shujumoxing"></i>
      <span>模型中心</span>
      <i class="iconfont icon-qian"></i>
    </div>
    <ul>
      <li class="menu-item" data-target="#my-models">我的模型</li>
      <li class="menu-item" data-target="#data-validation">数据集验证</li>
    </ul>
  </li>
</ul>

<div id="dataset">数据集内容</div>
<div id="labeling">在线标注内容</div>
<div id="tag-group">标签组管理内容</div>
<div id="my-models">我的模型内容</div>
<div id="data-validation">数据集验证内容</div>

然后，在 jQuery 中使用事件委托来监听每个 menu-item 的点击事件，当点击时根据它的 data-target 属性来显示对应的 div。例如：

$(function() {
  $('.menu-item').on('click', function() {
    var target = $(this).data('target');
    $(target).show().siblings('div').hide();
  });
});

这样，当用户点击某个菜单项时，就会根据它的 data-target 属性来显示对应的 div，同时隐藏其他的 div。