如何获取数组中每个dom元素的宽度?

时间:2015-01-08 09:24:45

标签: javascript jquery arrays for-loop

footLinks是通过jquery选择的DOM元素的数组。这是我正在处理的代码:

var footLinks = $('.links li');

for (var i = 0; i < footLinks.length; i++) {
    var footLink = footLinks[i];
    var footLinkWidth = footLink.width();
    console.log('Width: ' + footLinkWidth);
}

如何获得每个元素的宽度?

3 个答案:

答案 0 :(得分:6)

我认为如果你这样写它会更好:

$('.links li').each(function(d) {
    console.log("Width: "+$(this).width())
});

答案 1 :(得分:1)

jQuery返回数组中的对象,当你想在循环中使用每个DOM元素时,使用JavaScript函数,但width()不是本机函数,如果你想获得{{1使用jQuery width方法创建width()之类的jquery object,这样您也可以使用$(footLink)本机方法

offsetWidth

OR

$(footLink).width();

答案 2 :(得分:0)

footLink

使用jQuery包装器
var footLinks = $('.links li');

for (var i = 0; i < footLinks.length; i++) {
    var footLink = footLinks[i];
    var footLinkWidth = $(footLink).width();
    console.log('Width: ' + footLinkWidth);
}