Question

这是我的代码：

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

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

感谢!!!

Answer 1

<? 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 documentation

Answer 2

为什么不使用nth-child（4n）？ JSFiddle example

<? 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;
}

Answer 3

我无法对奥斯瓦尔多的答案发表评论，因为我还没有声誉，但是如果你只是将“0”替换为3，那么你将把这个课程添加到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>
<? } ?>

Answer 4

你不应该使用PHP来做这种事情。这就是CSS的用途。假设你有一个容器和里面的div，容器是divContainer。所以，在CSS中：

#divContainer div .meeting-item:nth-child(4n+4){
   //apply style.
 }

在循环中的每个第4个div中添加一个类

4 个答案: