如何使用jQuery按宽度获取所有内部元素的列表宽度答案

【问题标题】：How to get list width by width all inside elements with jQuery如何使用jQuery按宽度获取所有内部元素的列表宽度
【发布时间】：2013-02-05 11:49:04
【问题描述】：

有这个问题：我需要通过所有内部元素获取列表宽度。因此，我尝试获取每个元素的宽度并将它们连接在一起。但是现在我只有一个元素宽度...你能帮帮我吗？

var list_width = [];
$('#js_films_block_top li').each(function() {
    list_width.push($(this).width());
});
console.log(list_width);

谢谢帮助。

【问题讨论】：

你有多少个 id=js_films_block_top 的元素？如果不止一个，这是一种非常糟糕的做法
什么是#js_films_block_top？它是列表吗？为什么它要遍历单个唯一的 id 元素，这怎么可能？你的概念一开始就搞砸了。
再一次，是lis_width 还是list_width（注意list 中的t）？请提供准确的信息
如果 HTML 标记没问题，我看不出你上次修改应该有任何缺陷
我在列表 id 之后添加 li 选择器

标签： javascript jquery width push

【解决方案1】：

好的，我对此有很好的解决方案：

$('#js_films_block_top').each(function(){
    var t = $(this),
        tW = 0;
    $('li', t).each(function(){
        tW += $(this).outerWidth(true) + 5;
    });
    t.css('width', tW + t.outerWidth(true) - t.width());
});

谢谢，无论如何。

【讨论】：