jquery - 循环 jQuery 函数来检查 div 位置

Question

我有一堆浮动的 div，我有一个函数可以检查每个 div 的位置，如果 div 的左侧位置为 0，那么它将向其中添加一个类。

但是，当浏览器调整大小时，浮动 div 会发生变化，例如我从连续 4 个开始，然后当我将浏览器调整为较小时，它们会下降到 3，然后是 2，等等。

我希望能够循环我的函数，以便它不断检查 div 的左侧位置以查看它是否为 0 ...我现在似乎无法让它 wrk，我尝试了 setInterval 和窗口调整大小函数，这是我的代码：

$('.box').each(function(index, item){
   if($(this).position().left == 0){
      $(this).removeClass('right');
      $(this).addClass('left');
   } else {
      $(this).removeClass('left');
      $(this).addClass('right');
   }
});

Answer 1

jsBin 演示（调整窗口大小以查看更改）

function checkPositions(){    
    $('.box').each(function(){
       var myPos = $(this).position().left == 0 ?
       $(this).removeClass('right').addClass('left') :           
       $(this).removeClass('left').addClass('right') ;
    });  
}
checkPositions(); // check on DOM ready


$(window).resize(function(){  // and do it on window resize
    checkPositions();
});