toggleClass延迟每行不同的时间

Question

我有价格表：

<div id="one" class="">1.12</div><br>
<div id="two" class="">2.12</div><br>
<div id="tree class="">3.12</div><br>
<div id="for" class="">4.12</div><br>
<div id="five" class="">5.12</div><br>

我的ajax代码如下：

      <script type="text/JavaScript"> 

    $(document).ready(function() {  

    setInterval(function(){
          $.ajax({
              type: 'GET',
              url: "datas.php",
              dataType: "json",
              contentType: "application/json",
              cache: false,
              success: function(data) {

                <?

             $info = new MYBASE($DB_con);
             $result = $info->getPrices();

             $rnd = rand(10,1200);
             $rnd2 = rand(600,1200);

            foreach($result as $row ) {
            $number = $row['number']; // one, two , tree , for, five
            $newprice = $row['newprice'];
    ?>


             $('#<? echo "$number";?>').html(<? echo $newprice; ?>);
            $('#<? echo "$number";?>').toggleClass('red',<? echo $rnd; ?>).delay(<? echo $rnd2; ?>);

    <?

}
?>

          })            
      },2000);
    });
    </script> 

我想为每节课增加延迟时间。现在，所有div在2秒后刷新红色类。但是我希望每一行之后都更改每个延迟时间。

我该怎么做？我希望它们闪烁，而不是将所有红色类别更改为2秒后。