如何在while循環中根據計數為3的差異賦予div背景顏色

Question

我在 while 循環中有一個帶有多個框的 div。 我想給兩個替代的 div 背景顏色。 對於前 3 個盒子，我必須給出第一種顏色。 然后對於接下來的 3 個盒子，我要給出下一種顏色，然后對於接下來的 3 個盒子，我要給出第一種顏色，依此類推。

顯然，我想從一開始就交替地為 3 個盒子提供兩種顏色。 任何人都可以幫助我。

Answer 1

 var count=0;
 $("div").each(function (i) {
         count++;
        if (count%3) {
          this.style.color = "blue";
        } else {
          this.style.color = "black";
        }
      });

Answer 2

var count=0;
if(count%2==0) {
 echo"<div style="background:white;">";
}
else {
echo"<div style="background:pink;">";
}
echo"</div>";

Answer 3

想要的結果是：

<div class="white">...
<div class="white">...
<div class="white">...
<div class="blue">...
<div class="blue">...
<div class="blue">...
<div class="white">...

這意味着您的代碼應該是：

for ($count = 0 ; $count < 20; $count++) {
    $color = ($count / 3) % 2 ? "blue" : "white";
    echo "<div class='$color'>", "SOMETHING", "</div>";
}

您所做的就是將“除以 3”分組，然后確定該組是偶數還是奇數。

注意：您可以根據需要和 CSS 信息輕松使用style="background-color:$color" 。

Answer 4

我不認為他喜歡這是 JS 因為他的標簽是 PHP

這是你想要的;

<div>
<?php
   $numberofResults = '5';   
   for ($i=1; $i<=$numberofResults; $i++){
         if($i % 2 == 0) $style='style="background-color:black"';
         else $style='style="background-color:white"';

         echo '<box'.$i.' ' . $style . '>';
         echo '</box'.$i.'>';
         echo "\n";
   }
?>
</div>

這將產生；

<div>
    <box1 style="background-color:white"></box1>
    <box2 style="background-color:black"></box2>
    <box3 style="background-color:white"></box3>
    <box4 style="background-color:black"></box4>
    <box5 style="background-color:white"></box5>
</div>