不同的html类每2项


Different html class every 2 item

在php中,我尝试这样做:

<div class="left"> some text </div>
<div class="left"> some text </div>
<div class="right"> some text </div>
<div class="right"> some text </div>
<div class="left"> some text </div>
<div class="left"> some text </div>
<div class="right"> some text </div>
<div class="right"> some text </div>
.
.
.

我需要不同的类每2项有不同的html设计。

试试这个,

  $arrayX = array("left","right");
    $i = 4;
    while($i<100){
        if($i%4<2){
            echo '<div class="'.$arrayX[0].'"> some text </div>';
        }else{
            echo '<div class="'.$arrayX[1].'"> some text </div>';
        }
        $i++;
    }

也许你可以用这个CSS代替。

div:nth-child(4n+1), 
div:nth-child(4n+2) 
{
    background: #ff0000;
}

假设您有一个遍历所有'some text'条目的foreach循环。你可以添加一个计数器,然后做一些简单的逻辑。

$yourtexts = array("some text","some text","some text","some text","some text","some text","some text","some text","some text");
$i=0; // counter
foreach ($yourtexts as $sometext) {
    print ($i<2) ? '<div class="left">' : '<div class="right">'; // $i<2 go left else go right
    print "$sometext</div>";
    $i++; // count
    if ($i>3) { $i=0; } // reset to zero.
}