動態更改div的CSS屬性類php

Question

查看4個數據后，我想更改div的類。 假設當它是4個數據時，div將在4個數據之后是動態的。

<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。 對於前四個項目，div類將為“ item active”，而對於其余項目，該類將為“ item”。 它將動態更改。

Answer 1

您可以為此直接在HTML上使用PHP三元運算符。 您可以通過以下方式進行操作：

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

    $i++;
}

注意： <?= '' ?>與<?php echo '' ?>