Javascript 使用Jquery在菜单周围添加div

我一直在为这项非常简单的任务绞尽脑汁。我有一个用于下拉菜单的嵌套列表，我需要在第二个周围添加一个div，这样它将与希望看到这一点的框架一起工作。我可以用很多看起来很愚蠢的方法来做。有人有干净的方法吗？所以，我有这个：

<ul class="nav_menu">
    <li>
      <a href="#">Portfolio</a>
        <ul>
          <li><a href="#" class="drop_men">Men</a></li>
          ...
        </ul>
    </li>
    <li class="rates"><a href="rates.html">Rates</a></li>
    ....
  </ul>

...



....

我想让它看起来像这样：

<ul class="nav_menu">
    <li>
      <a href="#">Portfolio</a>
       <div class="add this div here">
        <ul>
          <li><a href="#" class="drop_men">Men</a></li>
          ...
        </ul>
       </div>
    </li>
    <li class="rates"><a href="rates.html">Rates</a></li>
    ....
  </ul>

...



....

您是否尝试过：

$(".nav_menu li:first ul").wrap("<div class=''></div>");

$（“.nav_菜单li:first ul”）.wrap（“”）；

“我可以用很多看起来很愚蠢的方法来做。请发布您尝试过的方法，以便我们看到效果，而不是重复您尝试过的方法。请看您能展示您迄今为止尝试过的其中一种“愚蠢”方法吗？也许我们可以改进一下？谢谢大家。就在我写了这个问题之后，我突然想到，这一定是Jquery最愚蠢的常见操作之一，必须有某种真正简单的方法来完成，当然还有。嘟嘟嘟嘟。啊！把我的名声降到-6，远离电器。L