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

Question

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);
}

如何获取每个元素的宽度？

Answer 1

我觉得你这样写会更好:

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

Answer 2

对 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);
}

Answer 3

jQuery returns 数组中的对象，当您想在循环中使用与 JavaScript 函数一起使用的每个 DOM 元素时，但是 width() 不是本机函数，如果你想使用 jQuery width() 方法获得 width 然后创建 jquery object 就像 $(footLink) 这样你也可以使用 offsetWidth 本机方法

$(footLink).width();

或

footLink.offsetWidth;

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

How to get width of each dom element in array?

javascript

arrays

jquery

for-loop