jquery - 使用 jQuery 获取列表中每个元素的宽度

Question

我试图获取元素中每个列表项的宽度值，但它一直返回对象而不是宽度。这应该非常简单，但由于某种原因我一定错过了一些东西。

这是我的代码:

    var listWidth = $('ul li').each(function(){
        return $(this).width();
    });

    console.log(listWidth);

Answer 1

使用map()^(docs)方法而不是将值返回到 jQuery 对象，然后 get()^(docs)方法将其转换为数组。

var listWidth = $('ul li').map(function(){
    return $(this).width();
}).get();

或者类似的，您可以使用jQuery.map()^(docs)方法，返回一个数组。

var listWidth = $.map($('ul li'),function(val){
    return $(val).width();
});