只有第一個元素在jquery每個循環得到更新

Question

嗨我只是想做一個包含類的前面元素的每個循環，但只有第一個元素由於某種原因得到更新，請幫助。可能是一個愚蠢的錯誤，但我無法找到它。

的jsfiddle：

http://jsfiddle.net/sVTCK/7/

HTML：

<div class="wrapper"> 
    <div class="front"></div> 
    <div class="front"></div> 
    <div class="front"></div> 
    <div class="front"></div> 
    <div class="front"></div> 
    <div class="front"></div> 
</div> 

的jQuery：

function setSlide(rows, dimension) { 
    var topPos = 0; 
    var leftPos = 0; 
    $(".front").each(function(i, e) { 
     topPos++; 
     if (i % rows === 0) { 
      topPos = 0; 
      leftPos++; 
     } 
     var position = topPos * dimension + " " + (leftPos - 1) * dimension; 
     e.style.backgroundPosition = position; 
     e.innerHTML = e.style.backgroundPosition; 
    }); 
} 
setSlide(3,200); 

個

CSS：

.front{ 
    width:200px; 
    height:200px;  
    background:url(some image); 
    border:1px solid black; 
    float:left 
} 

.wrapper{ 
    overflow:hidden; 
    width:610px;  
} 

Answer 1

function setSlide(rows, dimension) { 
    var topPos = 0; 
    var leftPos = 0; 
    $(".front").each(function(i, e) { 
     topPos++; 
     if (i % rows === 0) { 
      topPos = 0; 
      leftPos++; 
     } 
     var position = topPos * dimension + 'px ' + (leftPos - 1) * dimension +'px'; 
     e.style.backgroundPosition = position; 
     e.innerHTML = e.style.backgroundPosition; 
    }); 
} 
setSlide(3,200); 

THE WORKING DEMO.

Answer 2

好，我因爲你使用它stlightly refractored的JavaScript到jQuery和從香草JavaScript的感動：

function setSlide(rows, dimension) { 
    var topPos = 0; 
    var leftPos = 0; 
    var front = $('.front'); 
    $.each(front, function(index, val) { 
     topPos++; 
     if (index % rows === 0) { 
      topPos = 0; 
      leftPos++; 
     } 
     var position = topPos * dimension + "px, " + (leftPos - 1) * dimension + 'px'; 
     $(this).css('backgroundPosition', position); 
     $(this).append(position); 
    }); 
} 
setSlide(3,200); 

http://jsfiddle.net/sVTCK/18/

如果你可以告訴我們你想用if語句來做什麼，它將有助於添加背景位置... 如果你在頁面中有它，你應該真的在jQuery上，因爲它會更快，而你也應該緩存你的變量