我有一個問題需要解決。我在PHP中有這個HTML布局：<div class="container"> <div class="wrapper"> <span class="entry"></span> <span class="entry"></span> </div> <div class="wrapper"> <span class="entry"></span> <span class="entry"></span> </div> <div class="wrapper"> <span class="entry"></span> <span class="entry"></span> </div> <div class="wrapper"> <span class="entry"></span> <span class="entry"></span> </div></div>我在這里有一個列布局。這意味著我總是想將2個元素打包到一個包裝器類中。我從數(shù)組中獲取所有元素，我想用循環(huán)輸出。我的想法是每2次傳遞一次才輸出包裝器，但這會產(chǎn)生以下輸出：<div class="wrapper"> <div class="wrapper"> <span class="entry"></span> </div> <span class="entry"></span> <div class="wrapper"> <span class="entry"></span> </div> <span class="entry"></span> <div class="wrapper"> <span class="entry"></span> </div> <span class="entry"></span> <div class="wrapper"> <span class="entry"></span> </div> <span class="entry"></span></div>這是我的代碼：<div class="container"> <?php $loop_count = 0; foreach ( $array as $item ) { if ( $loop_count % 2 === 0 ) { ?> <div class="wrapper"> <?php } ?> <span class="entry"><?= $item ?></span> <?php if ( $loop_count % 2 === 0 ) { ?> </div> <?php } $loop_count++; } ?></div>我在圖像中的預(yù)期輸出：
1 回答
倚天杖
TA貢獻(xiàn)1828條經(jīng)驗(yàn) 獲得超3個贊
你的代碼會有點(diǎn)復(fù)雜：
<?php
$array = [1,2,3];?>
<div class="container">
<?php
$loop_count = 0;
foreach ( $array as $item ) {
// here you open `div.wrapper`
if ( $loop_count % 2 === 0 ) { ?>
<div class="wrapper">
<?php } ?>
<span class="entry"><?= $item ?></span>
<?php
// here you close `div.wrapper`
if ( $loop_count % 2 === 1 ) { ?>
</div>
<?php }
$loop_count++;
}
// here you close `div.wrapper` if you have odd count of elements
if ( $loop_count % 2 === 1 ) { ?>
</div>
<?php }?>
</div>
不太復(fù)雜的解決方案是將數(shù)組拆分為大小為 2 的塊：
<?php
$array = [1,2,3,4];
$chunks = array_chunk($array, 2);
?>
<div class="container">
<?php
foreach ( $chunks as $chunk ) {?>
<div class="wrapper">
<span class="entry"><?= $chunk[0] ?></span>
<!-- Here you can check if second element exists -->
<span class="entry"><?= $chunk[1] ?></span>
</div>
<?php }?>
</div>
- 1 回答
- 0 關(guān)注
- 112 瀏覽
添加回答
舉報
0/150
提交
取消