Как присовить класс .active к первому элементу массива с помощью цикла foreach?

Question

[ne_mo]

Детально, у меня есть многомерный массив это навигационное меню

$menu = [
    ['link'=>'Домой', 'href'=>'index.php'],
    ['link'=>'Новости', 'href'=>'news.php'],
    ['link'=>'Оплатить', 'href'=>'pay.php'],
    ['link'=>'О нас', 'href'=>'about.php'],
    ['link'=>'Контакты', 'href'=>'contact.php']
];

Я его вывожу через цикл foreach

foreach($menu as $val){
    echo "<li> <a href={$val['href']}>{$val['link']}</a> </li>";
}

Но хочу прописать чтобы первому элементу, главной страннице присваивался класс .active для присвоения css активной страницы.

Comments

[Сергей Протько]

почему бы вам не перейти на использование нормальших шаблонизаторов? Например twig.

Answer 1

[Wol_fi]

Ну если по простому то можно так:

$first = true;
foreach($menu as $val){
    echo "<li " . ($first ? ' class="active"' : '') . "> <a href={$val['href']}>{$val['link']}</a> </li>";
    if ($first) {
       $first = false;
    }
}

Или так:

foreach($menu as $val){
    echo "<li " . ($menu[0]['href'] == $val['href'] ? ' class="active"' : '') . "> <a href={$val['href']}>{$val['link']}</a> </li>";
}

Comments

[ne_mo]

Спасибо большое помогло

Answer 2

[Сергей Ивченко]

<?php foreach ($menu as $key => $value) : ?>
	<li <?if (!$key) :?>class="active"<?php endif;?>><a href={$val['href']}>{$val['link']}</a></li>
<?php endforeach ;?>