时间戳

首页 > 解决方案 > 动态改变一个div的CSS属性类php

php - 动态改变一个div的CSS属性类php

问题描述

查看 4 个数据后，我想更改一个 div 的类。假设当它是 4 个数据时，div 将在 4 个数据之后，div 将是动态的。

<div class="carousel-inner" role="listbox">
<?php 
    $i=0;
    $sql = mysqli_query($con,"SELECT * FROM product WHERE featured = 'featured' ORDER BY id DESC");
        while($row = mysqli_fetch_assoc($sql)){
        if($i == 4){ echo '<div class="item active">';}
        elseif($i != 4){ echo '<div class="item">'; }
?>
     <div class="single-wid-product sel-pd">
        <img src="admin/upload/<?php echo $row['file']; ?>" alt="" class="product-thumb">
     </div>

    </div>
    <?php $i++; } ?>

</div>

在此处输入图像描述

在那张照片中，它是一个旋转木马。它有 4 个项目处于活动状态。而 div 是

<div class="item active">
 <p>Item 1</p>
 <p>Item 2</p>
 <p>Item 3</p>
 <p>Item 4</p>
</div>

当它进行自动播放（对于其余产品）时，div 是

<div class="item">
 <p>Item 5</p>
 <p>Item 6</p>
 <p>Item 7</p>
 <p>Item 8</p>
</div>

对于其他人来说，div是

   <div class="item">
     <p>Item 5</p>
     <p>Item 6</p>
     <p>Item 7</p>
     <p>Item 8</p>
    </div>

所以我想合并所有这些div。对于前 4 个项目，div 类将是“项目活动”，而对于其余项目，该类将是“项目”。它将动态更改。

标签： phpcsshtml

解决方案

为此，您可以在 HTML 上使用 PHP 三元运算符。你可以这样做：

while ($row = mysqli_fetch_assoc($sql)) {
    ?>
        <div class="item <?= ($i == 4) ? "active" : "" ?>">
            ...
        </div>
    <?php 

    $i++;
}

注：<?= '' ?>与<?php echo '' ?>

推荐阅读