使用ajax時設置交替背景

Question

我在頁面上使用了大量的ajax調用，問題是我不知道哪一個會在任何時候加載，因爲某些加載速度比別人快，而且我附加了ajax結果加載到一個div。

這裏是我的代碼：

<script type="text/javascript" language="javascript"> 
$(document).ready(function() { 

$('#stage0').load('myscript.php?data=1234567890',function({$('#data').append(this);});  
$('#stage1').load('myscript.php?data=1234567891',function(){$('#data').append(this);}); 
$('#stage2').load('myscript.php?data=1234567892',function(){$('#data').append(this);}); 
$('#stage3').load('myscript.php?data=1234567893',function(){$('#data').append(this);}); 
$('#stage4').load('myscript.php?data=1234567894',function(){$('#data').append(this);}); 

} 

<div id="data"></div> 
<div id='stage0'></div><div id='stage1'></div><div id='stage2'></div><div id='stage3'></div><div id='stage4'></div> 

我想第一個結果有一個白色的背景，然後一個灰色的背景，然後在白色背景等等

我想，也許我可以寫一個ajax調用來查看剛剛加載的那個之上的ajax結果，如果它有一個白色背景，然後將其設置爲灰色。也許使用最接近的電話來查找它？ http://api.jquery.com/closest/

我在正確的軌道上嗎？你覺得我應該怎麼寫JavaScript？

Answer 1

使類

<style> 
    .blue { background-color: blue; } 
</style> 

，然後添加到您的功能：

$('body').toggleClass("blue") 

Answer 2

我得到了它使用的工作：奇數和：即使

http://jsfiddle.net/LBPcC/

$('.bg:odd').addClass("grey") 
$('.bg:even').addClass("white")