n個數後循環中斷

Question

我想在while循環中每隔16個定位標記後創建新的li。例如，如果48個錨定標籤如此分爲3組，每組有16個錨定標籤。

<li> 
    <a href="#" data-id="1"><img src="img/temp/1.jpg" /></a> 
    <a href="#" data-id="2"><img src="img/temp/2.jpg" /></a> 
    <a href="#" data-id="3"><img src="img/temp/3.jpg" /></a> 
    <a href="#" data-id="4"><img src="img/temp/4.jpg" /></a> 
    <a href="#" data-id="5"><img src="img/temp/5.jpg" /></a> 
    <a href="#" data-id="6"><img src="img/temp/6.jpg" /></a> 
    <a href="#" data-id="7"><img src="img/temp/7.jpg" /></a> 
    <a href="#" data-id="8"><img src="img/temp/8.jpg" /></a> 
    <a href="#" data-id="9"><img src="img/temp/1.jpg" /></a> 
    <a href="#" data-id="10"><img src="img/temp/2.jpg" /></a> 
    <a href="#" data-id="11"><img src="img/temp/3.jpg" /></a> 
    <a href="#" data-id="12"><img src="img/temp/4.jpg" /></a> 
    <a href="#" data-id="13"><img src="img/temp/5.jpg" /></a> 
    <a href="#" data-id="14"><img src="img/temp/6.jpg" /></a> 
    <a href="#" data-id="15"><img src="img/temp/7.jpg" /></a> 
    <a href="#" data-id="16"><img src="img/temp/8.jpg" /></a> 
</li> 

我試着用下面的代碼，但堅持到哪裏結束而重新開始。

<<li> 
<?php 
$counter = 1; 
while(have_rows('our_clients')):the_row(); 
$image = get_sub_field('image'); 
?> 
<a href="javascript:void(0);" data-id="<?php echo $counter;?>"><img src="<?php echo $image;?>" /></a> 
<?php $counter++; endwhile; ?> 
</li>> 

Answer 1

您可以檢查$counter同時用% Modulus operator爲16循環中，如果$counter % 16 == 0這意味着你的循環做16次，因此關閉和打開李的標籤，併爲16

所有多個這樣做

<li> 
<?php 
$counter = 0; 
while(have_rows('our_clients')):the_row(); 
    if($counter > 0 && $counter % 16 == 0) 
     echo '</li><li>'; 

    $image = get_sub_field('image'); 
?> 
<a href="javascript:void(0);" data-id="<?php echo $counter;?>"><img src="<?php echo $image;?>" /></a> 
<?php $counter++; endwhile; ?> 
</li>