如何调节每 3 次数据回显我将更改为另一个 div 并且每 6 次数据回显它将再次更改为另一个 div

Question

我不知道如何详细解释，但这是我的 html 代码。

 <div class="w3-content w3-display-container  mySlides">
                <div class="row">
                    <div class="col-4">
                        <img src="Image/2.jpg" class="gbr"/>
                        <span>Rp.5000 / ikat </span><button class="tengbr">Beli</button>
                    </div>
                    <div class="col-4">
                        <img src="Image/3.jpg" class="gbr"/>
                        <span>Rp.9000 / ikat </span><button class="tengbr">Beli</button>
                    </div>
                    <div class="col-4">
                        <img src="Image/2.jpg" class="gbr"/>
                        <span>Rp.8000 / ikat </span><button class="tengbr">Beli</button>
                    </div>
                </div>
                <div class="row">
                    <div class="col-4">
                        <img src="Image/3.jpg" class="gbr"/>
                        <span>Rp.8000 / ikat </span><button class="tengbr">Beli</button>
                    </div>
                    <div class="col-4">
                        <img src="Image/2.jpg" class="gbr"/>
                        <span>Rp.8000 / ikat </span><button class="tengbr">Beli</button>
                    </div>
                    <div class="col-4 akhir">
                        <img src="Image/3.jpg" class="gbr"/>
                        <span>Rp.9000 / ikat </span><button class="tengbr">Beli</button>
                    </div>
                </div>
            </div>
            <div class="w3-content w3-display-container  mySlides">
                <div class="row">
                    <div class="col-4">
                        <img src="Image/2.jpg" class="gbr"/>
                        <span>Rp.5000 / ikat </span><button class="tengbr">Beli</button>
                    </div>
                    <div class="col-4">
                        <img src="Image/2.jpg" class="gbr"/>
                        <span>Rp.9000 / ikat </span><button class="tengbr">Beli</button>
                    </div>
                    <div class="col-4">
                        <img src="Image/3.jpg" class="gbr"/>
                        <span>Rp.8000 / ikat </span><button class="tengbr">Beli</button>
                    </div>
                </div>
                <div class="row">
                    <div class="col-4">
                        <img src="Image/3.jpg" class="gbr"/>
                        <span>Rp.8000 / ikat </span><button class="tengbr">Beli</button>
                    </div>
                    <div class="col-4">
                        <img src="Image/2.jpg" class="gbr"/>
                        <span>Rp.8000 / ikat </span><button class="tengbr">Beli</button>
                    </div>
                    <div class="col-4 akhir">
                        <img src="Image/2.jpg" class="gbr"/>
                        <span>Rp.9000 / ikat </span><button class="tengbr">Beli</button>
                    </div>
                </div>
            </div>

这实际上只是html代码，真正的php代码只是从数据库中回显imgsrc，span和按钮的innertext，但是正如你所见，每3次回显的数据必须再添加一个 <div class="row"> 每 6 个数据回显它必须添加 <div class="w3-content w3-display-container mySlides"> 我使用这个 php 代码来显示我的数据

$sql = "select * from tbproduk where namaproduk LIKE '$produk%' ";
                $query = mysqli_query($con,$sql) or die("error $sql");
                $num = mysqli_num_rows($query);
                $result = mysqli_fetch_array($query);
                for($x = 1;$x<=$num;$x++){
                    $namaproduk = $result['namaproduk'];
                    $harga = $result['harga'];
                    //etc.. just put the data in variabel and then echo in html
                }

如何操作？

Answer 1

像这样的东西可能会奏效...

for($x = 1;$x<=$num/3;$x++){ 
echo '<div class="w3-content w3-display-container  mySlides">
  <div class="row">';
    for(i=0; i<3; i++){
         echo'<div class="col-4">
                        <img src="YOUR_SRC" class="gbr"/>
                        <span>YOUR_SPAN </span><button class="tengbr">YOUR_BUTTON</button>
                    </div>';
                }
      echo'</div>
            </div>';
}

如何调节每 3 次数据回显我将更改为另一个 div 并且每 6 次数据回显它将再次更改为另一个 div

how to condition every 3 times data is echoed i will change to another div and every 6 times data echoed it will change to another div again

html

javascript

php

echo