PHP 循环数组并生成 <ul> 问题

如何解决PHP 循环数组并生成 <ul> 问题

从这个 PHP 数组中输出如下：

$data[$parent][] = ['id'=>$id,'pageName'=>$pageName];

[1] => Array
    (
      [0] => Array
          (
              [id] => 2
              [pageName] => #
          )

      [1] => Array
          (
              [id] => 8
              [pageName] => #
          )
    )

[2] => Array
    (
      [0] => Array
          (
              [id] => 3
              [pageName] => item-add-new
          )

      [1] => Array
          (
              [id] => 4
              [pageName] => item-view
          )
    )

[8] => Array
    (
      [0] => Array
          (
              [id] => 9
              [pageName] => purchase-add-new
          )

      [1] => Array
          (
              [id] => 10
              [pageName] => purchase-view
          )
    )

循环这个数组，我只需要制作一个 <ul> 如下：

<ul>
  <li class='nav-item active'>
    <a href='#' class='nav-link'>Page Name</a>
    <ul class='submenu-inner'>
      <li><a href='#' class='nav-link'>Sup Page Name</a></li>                               
      <li><a href='#' class='nav-link'>Sup Page Name</a></li>                               
    </ul>
  </li>   

  <li class='nav-item'>
    <a href='#' class='nav-link'>Page Name</a>
    <ul class='submenu-inner'>
      <li><a href='#' class='nav-link'>Sup Page Name</a></li>                               
      <li><a href='#' class='nav-link'>Sup Page Name</a></li>                               
    </ul>
  </li> 
</ul>

我的问题是，在循环数组时，我需要将 css 类 [.active] 添加到父 <li> 以使其处于活动状态。添加时需要将数组中的pageName与打开页面名称的值进行比较。

例如：$p = "item-add-new";

这是我的尝试方式，从这段代码我可以得到我的 <ul> 但是，我不能把 .active css 类放到父 <li> 中。

foreach ($data[1] as $main) {
    $sel1 = $p == $main['pageName'] ? 'nav-item active' : 'nav-item'; 
    $menuHtml .=  "<li class='$sel1'>
                      <a href='#' class='nav-link'>Page Name</a>
                      <ul class='submenu-inner'>";
        foreach ($data[$main['id']] as $sub) {
            $menuHtml .=  "<li><a href='$sub[pageName]' class='nav-link'>Sup Page Name</a></li>";
        }        
    
        $menuHtml .= "  </ul>
                     </li>";
}

希望有人能引导我走向正确的方向。谢谢。

解决方法

您需要搜索子项以查看它们是否包含匹配的 pageName，而不是与 $main['pageName'] 进行比较。

替换

$sel1 = $p == $main['pageName'] ? 'nav-item active' : 'nav-item'; 

与

$sel1 = in_array($p,array_column($data[$main['id']],'pageName')) ? 'nav-item active' : 'nav-item'; 

您也可以使用 foreach 循环。

$sel1 = 'nav-item';
foreach ($data[$main['id']] as $sub) {
    if ($sub['pageName'] == $p) {
        $sel1 = 'nav-item active';
        break;
    }
}