如何获得div的宽度';使用jQuery的内部内容是什么?

如何获得div的宽度';使用jQuery的内部内容是什么?,jquery,Jquery,我有一个div,里面有一堆图片,左浮动。我想得到所有图像的总宽度。我知道我可以抓取div的宽度,因为它会扩展以适应它的内容,但是我如何通过计算内部内容的宽度来实现呢 编辑 抱歉,这是标记: <div id="gallery"> <ul> <li><img src="images/a.png" /></li> <li><img src="images/b

我有一个div,里面有一堆图片,左浮动。我想得到所有图像的总宽度。我知道我可以抓取div的宽度,因为它会扩展以适应它的内容,但是我如何通过计算内部内容的宽度来实现呢

编辑 抱歉,这是标记:

   <div id="gallery">

        <ul>
           <li><img src="images/a.png" /></li>
           <li><img src="images/b.png" /></li>
           <li><img src="images/c.png" /></li>
        </ul>

    </div>


我需要获得所有lis组合的宽度。

有此功能。我们需要查看您的HTML以进一步提供建议。

您可以尝试以下方法:

    var sumWidth = 0;
    $('selector').each(function(){
        var sumWidth += $(this).width();
    });
    alert('the width sum is: '+sumWidth);
希望有帮助

试试这个

var totalWidth = 0;
$('#gallery li').each(function(){
    totalWidth  += $(this).outerWidth(true);
});

totalWidth
将为您提供
div#gallery

中所有li的组合
width
,我对此不太确定,因为我没有做过很多测试。 有两个属性,返回“元素内容的宽度/高度(以像素为单位)或元素本身的宽度/高度(以较大者为准)”

这是vanilla JS,但您也可以将其与jQuery一起使用,如下所示:

    var sumWidth = 0;
    $('selector').each(function(){
        var sumWidth += $(this).width();
    });
    alert('the width sum is: '+sumWidth);
var totalWidth=$('#gallery').get(0).scrollWidth


这对我有用。但是我没有做太多测试。

我们需要看到一些标记;请将相关代码添加到问题中。
innerWidth()
考虑了填充<代码>宽度()
使用实际的内容宽度。同样,最初的问题是内容的实际宽度,而不是元素大小本身。