0

这是我的代码：

<? for($x = 0; $x < count($groupSmall); $x++){ ?>
    <div class="col-md-3 meeting-item">
        <img src="images/image.jpg" />
    </div>
<? } ?>

我想在这个循环中的每 4 个 div 中添加一个新类。我知道它可以用 Modulus 完成，但我无法让它工作。

谢谢！！！

4

4 回答 4

2 
<? for($x = 0; $x < count($groupSmall); $x++){ ?>
    <div class="col-md-3 meeting-item <?= $x % 4 === 0 ? 'my-class' : null ?>">
        <img src="images/image.jpg" />
    </div>
<? } ?>

PHP 文档

于 2013-11-05T16:39:17.983 回答
2

为什么不直接使用 nth-child(4n)？JSFiddle 示例。

<? for($x = 0; $x < count($groupSmall); $x++){ ?>
    <div class="col-md-3 meeting-item">
        <img src="images/image.jpg" />
    </div>
<? } ?>

...保持不变。在你的 CSS 中：

div.meeting-item:nth-child(4n){
    background-color:#EEE;
}
于 2013-11-05T16:42:03.800 回答
1

我无法评论 Oswaldo 的回答，因为我还没有声望，但如果你只是用 3 替换“0”，那么你将把课程添加到第 4、第 8 等。

<? for($x = 0; $x < count($groupSmall); $x++){ ?>
    <div class="col-md-3 meeting-item <?= $x % 4 === 3 ? 'my-class' : null ?>">
    <img src="images/image.jpg" />
</div>
<? } ?>
于 2013-11-05T16:57:28.623 回答
0

你不应该将 PHP 用于这种东西。这就是 CSS 的用途。假设你有一个容器和里面的 div，容器是divContainer. 所以，在 CSS 中：

#divContainer div .meeting-item:nth-child(4n+4){
   //apply style.
 }
于 2013-11-05T16:44:45.603 回答