2016-06-12 13 views
0

になるwhileループで16番目のアンカータグごとに新しいliを作成したい例えば、アンカータグが48個の場合、liは16個のアンカータグを持つ3組のliに分割する必要があります。whileループ中でnが

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

答えて

0

$counter % 16 == 0場合は、あなたのループが、16回行われ、したがってクローズとオープンのliタグ、および16

のすべての複数のために同じことをしていることを意味し、 16ため % Modulus operatorとwhileループ内 $counterを確認することができます
<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> 
+0

うまく動作しますが、空のアンカータグで追加のliを作成します。私はbxsliderを使用しているので、1 liは空です。 – Zack

+0

いくつのレコードがありますか? –

+0

48個のレコードが作成され、16個のアンカーの4つのリストが作成されましたが、1個は空ですか? – Zack

関連する問題