jquery - jQuery从孩子计算父宽度

Question

我正在尝试计算子菜单相对于子菜单的总宽度。以下代码仅在第一个子菜单中正常工作，第二个子菜单需要在宽度上手动 +1 才能使其工作，否则最后一项将被向下推。

$('nav.primary').find('ul.sub-menu').each( function() {
    var width = 0;

    $(this).find('li').each( function() {
        width += $(this).outerWidth();
    });

    $(this).css({
        'width': width + 'px'
    });

    $(this).hide();
});

<li>
    <a href="/oplossingen/">
       Oplossingen<span class="fo icons-angle-down"></span>
    </a>
      
  <ul class="sub-menu">
	<li>
      <a href="/oplossingen/mvo-adviesdiensten/">
        MVO Adviesdiensten
      </a>
    </li>	     
    <li>
      <a href="/oplossingen/co2-prestatieladder-advies/">
        CO2-Prestatieladder Advies
      </a>
    </li>
  </ul>
</li>

正确的例子：

错误的例子：

宽度 +1

除了背景颜色之外，奇数和偶数项目之间没有任何其他区别。

我发现以下类似的问题无法解决我的问题： Calculate total width of Children with jQuery