如何获得div的宽度';使用jQuery的内部内容是什么?
我有一个div,里面有一堆图片,左浮动。我想得到所有图像的总宽度。我知道我可以抓取div的宽度,因为它会扩展以适应它的内容,但是我如何通过计算内部内容的宽度来实现呢 编辑 抱歉,这是标记:如何获得div的宽度';使用jQuery的内部内容是什么?,jquery,Jquery,我有一个div,里面有一堆图片,左浮动。我想得到所有图像的总宽度。我知道我可以抓取div的宽度,因为它会扩展以适应它的内容,但是我如何通过计算内部内容的宽度来实现呢 编辑 抱歉,这是标记: <div id="gallery"> <ul> <li><img src="images/a.png" /></li> <li><img src="images/b
<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()
考虑了填充<代码>宽度()
使用实际的内容宽度。同样,最初的问题是内容的实际宽度,而不是元素大小本身。