0

while ループ内に複数のボックスを含む div があります。2 つの代替 div 背景色を指定します。最初の 3 つのボックスでは、最初の色を指定する必要があります。次に、次の 3 つのボックスに次の色を指定し、次の 3 つのボックスに最初の色を指定します。

明らかに、最初から 3 つのボックスに対して 2 つの色を交互に与えたいと考えています。誰でも私を助けてくれますか？

4

4 に答える 4

1 
 var count=0;
 $("div").each(function (i) {
         count++;
        if (count%3) {
          this.style.color = "blue";
        } else {
          this.style.color = "black";
        }
      });
于 2012-11-15T07:28:42.747 に答える
0 
var count=0;
if(count%2==0) {
 echo"<div style="background:white;">";
}
else {
echo"<div style="background:pink;">";
}
echo"</div>";
于 2012-11-15T07:41:16.850 に答える
0

望ましい結果は次のとおりです。

<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 で割って」、グループが偶数か奇数かを判断することだけです。

注:style="background-color:$color"ニーズと CSS 情報に応じて、簡単に使用できます。

于 2012-11-15T07:58:25.137 に答える
0

彼のタグはPHPなので、彼はこれがJSであることを好まないと思います

これはあなたが探しているものですか;

<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>
于 2012-11-15T07:58:53.420 に答える