如何设置每个＆＃39; LI＆＃39;的宽度。元素的内容大小＆＃39;在jquery？

Question

我正在使用mdbootstrap3标签。 我想将每个li宽度设置为其内容。例如，我有三个李。

第一个内容）练习时间
第二个内容）类别
第三个内容）默认设置

我尝试使用此代码获取所有li宽度

<ul class="nav nav-tabs tabs-4 cal-tab">
    <li class="active"><a data-toggle="tab" href="#parc-time"><span>Practice Timing</span></a></li>
    <li><a data-toggle="tab" href="cate">Categories</a></li>
    <li><a data-toggle="tab" href="defa-sett">Default Setting</a></li>
</ul>

var totalWidth = 0;
$(".cal-tab li").each(function() { totalWidth += $(this).outerWidth(); });

提前谢谢