使用Jquery在菜单周围添加div

Question

我一直在抨击这个非常简单的任务。我有一个下拉菜单的嵌套列表，我需要在第二个添加div AROUND，这样它就可以使用想要看到它的框架。我可以通过多种看起来非常愚蠢的方式来做到这一点。任何人都有一个很好的干净方法吗？所以，我有这个：

<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>

Answer 1

你试过了吗？

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