Question

如何计算一行中所有听众的大小？我只得到一个尺寸。但我需要的是以下内容。当我调整Browserwindow的大小并且4个Listelemts在一行或2行等时，我总是需要一行中所有元素的大小。

<ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

<div class="result"></span>

$('li').each(function() {
   var widthE = $('li').width();
    console.log(widthE);
});

这是我的小提琴：http://jsfiddle.net/v127zvy0/7/

Answer 1

UL的宽度不是行的宽度吗？

$(window).resize(function() {
   var rowWidth = $('ul').width();
    console.log(rowWidth);
});

Answer 2

只做

$(window).resize(function() {
    var widthOfRow = $("ul").width();
});

这将为您提供ul的宽度，在这种情况下为行的宽度。

Answer 3

好的，答案很简单。

UL需要display:inline

小提琴：http://jsfiddle.net/v127zvy0/24/

jQuery在一行中获得Listelements的宽度

3 个答案: