javascript - 对类选择的元素数组使用 FOR 循环，并在每个元素上调用函数

Question

我试图循环 whateverDiv 并找到每个元素的偏移量。我收到错误消息 Uncaught TypeError: undefined is not a function，我怀疑是因为无法在元素上调用 .offset() 。这让我想到了如何在这样的数组中的元素上调用函数，例如 .offset() 和 .is(":hover") 。

whateverDiv  = document.getElementsByClassName('whatever')
//RETURNS SOMETHING LIKE [<img src=​"http:​/​/​www.whateversource.jpg">​,<img src=​"http:​/​/​www.whateversource2.jpg">​]
for (i in whateverDiv){
    console.log(whateverDiv[i].offset())
}

Answer 1

假设你已经包含 jquery

whateverDiv  = document.getElementsByClassName('whatever')
//RETURNS SOMETHING LIKE [<img src=​"http:​/​/​www.whateversource.jpg">​,<img src=​"http:​/​/​www.whateversource2.jpg">​]
for (i in whateverDiv){
    var $div = $(whateverDiv[i])
    console.log($div.offset())
}

正如其他人提到的，您不应该使用 for in，而应该使用标准 for 结构。然而，如果你已经在使用 jQuery，你不妨喝点 koolaide 并使用他们的 .each

http://api.jquery.com/each/

$(".whatever").each(function() {
  console.log( $(this).offset() );
});