PHP 取餘運算（%）實戰技巧：交替列色、分組輸出與循環控制

案例一：每兩筆資料包裹一組 <li> 標籤

<?php 
$ary = array("name","egineer","sonny","tonny","pingk","apple","phone","clone","pink","colle");
foreach($ary as $key => $value){
    $key = $key + 1; // 轉為 1-based
    if($key % 2 == 1){ echo '<li>'; } 
?>
    <span><?php echo $key.":". $value; ?></span>
<?php 
    if($key % 2 == 0){ echo '</li>'; } 
}; 
?>

邏輯： 索引轉為 1 起始，奇數行開啟 <li>，偶數行關閉，實現兩兩成組。

案例二：每三筆一組，並依餘數賦予不同 CSS class

<?php 
$ary = array("name","egineer","sonny","tonny","pingk","apple","phone","clone","pink","colle");
foreach($ary as $key => $value){
    $key = $key; // 保持 0-based
    if($key % 3 == 0){ echo '<li>'; } 
?>
    <span class="<?php echo($key%3); ?>span"><?php echo $key.":". $value; ?></span>
<?php 
    if($key % 3 == 2){ echo '</li>'; } 
}; 
?>

效果：

• 索引 0,3,6,9 開啟 <li>
• class="0span"、class="1span"、class="2span" 循環出現
• 索引 2,5,8 關閉 </li>

核心心法

1. 索引基準統一：決定用 0-based 或 1-based，全程一致
2. 餘數對應動作：% N == 0 開啟區塊，% N == N-1 關閉區塊
3. 類名動態化：直接輸出餘數作為 class 後綴，CSS 可針對性美化

實際執行並觀察輸出 HTML，即可體會取餘運算在模板輸出中的靈活威力。