Jquery 如何计算列表项的宽度

我正在尝试计算不同列表项的数量

我的HTML：

  <ul>

     <li style="disply:block; float:left">Some Text</li>
     <li style="disply:block; float:left">Some More Text</li>
     <li style="disply:block; float:left">Some Other Text</li>

 </ul>

非常感谢您的帮助。

$（'li'）。如您所知，outerWidth（）

将获得第一个

的宽度


获取外部宽度（包括
（默认情况下为边框和填充）
第一个匹配元素

我们需要的是每一个的宽度，所以类似的东西将很好地工作。这将为我们提供一系列宽度

var widths = $.map($('li'), function(e) {
    return $(e).outerwidth();
});

编辑：

这个怎么样

$('li').each(function() {
    var $this = $(this);
    var width = $this.outerWidth();
    $this.after($('<div style="width:' + width + 'px" >'));
});

$（'li'）。每个（函数（）{
var$this=$（this）；
var width=$this.outerWidth（）；
$this.在（$（''）之后；
});
display应显示在屏幕上。不确定这是否是您的编码中的输入错误，或者您何时发布此信息。
$('li').each(function() {
    var $this = $(this);
    var width = $this.outerWidth();
    $this.after($('<div style="width:' + width + 'px" >'));
});