入れ子のリストの内容を、2次元配列で指定

HTMLの入れ子のリスト要素の内容を、PHPの2次元配列で指定する方法。

サンプル

PHPコード

<?php

$array = array(
    array( "1-1", "1-2", "1-3" ),
    array( "2-1", "2-2", "2-3" ),
    array( "3-1", "3-2", "3-3" ),
);
$sampleOl = "<ol>\n";
for ( $indexA = 0; $indexA < count( $array ); $indexA++ ) {
    $sampleOl .= "\t<li>\n";
    for ( $indexB = 0; $indexB < count( $array[$indexA] ); $indexB++ ) {
        if ( $indexB == 0 ) {
            $sampleOl .= "\t\t<ol>\n";
        }
        $sampleOl .= "\t\t\t<li>{$array[$indexA][$indexB]}</li>\n";
        if ( $indexB == count( $array[$indexA] ) - 1  ) {
            $sampleOl .= "\t\t</ol>\n";
        }
    }
    $sampleOl .= "\t</li>\n";
}
$sampleOl .= "</ol>\n";
echo "{$sampleOl}";

?>

↓↓↓出力結果↓↓↓

出力結果

HTMLコード

<ol>
    <li>
        <ol>
            <li>1-1</li>
            <li>1-2</li>
            <li>1-3</li>
        </ol>
    </li>
    <li>
        <ol>
            <li>2-1</li>
            <li>2-2</li>
            <li>2-3</li>
        </ol>
    </li>
    <li>
        <ol>
            <li>3-1</li>
            <li>3-2</li>
            <li>3-3</li>
        </ol>
    </li>
</ol>

ブラウザ表示例

    1. 1-1
    2. 1-2
    3. 1-3
    1. 2-1
    2. 2-2
    3. 2-3
    1. 3-1
    2. 3-2
    3. 3-3

スポンサード リンク

カテゴリー: PHP, リスト, 逆引き, 配列 パーマリンク