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

Question

我试图获取元素中每个列表项的宽度值,但它不断返回对象而不是宽度.这应该很简单,但出于某种原因我必须遗漏一些东西.

这是我的代码:

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

    console.log(listWidth);

Answer 1

使用map()^(docs)方法将值返回给jQuery对象,然后使用get()^(docs)方法将其转换为Array.

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

或者类似地,您可以使用返回Array 的jQuery.map()^(docs)方法.

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