用jquery包裹父UL的内部锚标签

Question

我无法为嵌套的UL找到合适的选择器。我有以下代码：

<ul class="menu">
  <li><a href="">top link 1</a></li>
  <ul class="menu">
    <li><a href="">sub link 1</a></li>
    <li><a href="">sub link 2</a></li>
    <li><a href="">sub link 3/a></li>
  </ul></li>
  <li><a href="">top Link 2</a></li>
  <li><a href="">top Link 3</a></li>
</ul>

此菜单系统由我们的CMS生成，因此我尝试使用jQuery仅使用<strong><span>包裹内部“顶部链接”锚点以添加更多样式。

我尝试了多个版本：

$('ul.menu:first li a').wrapInner('<strong><span>');

但我没有多少运气。它似乎将所有锚包裹在UL内部。我确定我需要使用一些父/子选择器，但我不确定是哪一个。

Answer 1

$('ul.menu:first>li a').wrapInner('<strong><span>');

练习：Fiddle