PHP looping array and make <ul> issue

Question

Out put from this php array as below:

$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
          )
    )

Looping this array, just I need to make a <ul> as below:

<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>

My question is, When looping the array, I need to add css class [.active] to parent <li> to make it active. When adding this it needs to compare pageName from array and the variable of value of open page name.

Eg: $p = "item-add-new";

This is How I tried it, From this code I can get my <ul> but, I can't put .active css class to parent <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>";
}

Hope somebody may guide me to right direction. Thank you.

I cannot see $page_url in your $data array. Can you add sample data in your php code — Mohd Alomar
– Mohd Alomar, Commented Jul 29, 2021 at 6:59
@MohdAlomar, It was my mistake, It should be pageName. Updated my question — user3733831
– user3733831, Commented Jul 29, 2021 at 7:02
it written that this HTML what you need but I am asking for the current HTML generated by your PHP. — Mohd Alomar
– Mohd Alomar, Commented Jul 29, 2021 at 7:12

Barmar · Accepted Answer · 2021-07-29 07:44:27Z

2

You need to search the sub-items to see if they contain the matching pageName, not compare with $main['pageName'].

Replace

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

with

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

You could also use a foreach loop.

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

edited Jul 29, 2021 at 7:44

answered Jul 29, 2021 at 7:21

Barmar

789k57 gold badges555 silver badges669 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

user3733831 Over a year ago

Thans again, I works perfectly. I didn't know to use array_column() in that way.

Barmar Over a year ago

You could also just use a foreach() loop to search each element (I original did it that way in my answer).

user3733831 Over a year ago

Its good if you can add it also into your answer as other way

Barmar Over a year ago

I added it to the answer.

Collectives™ on Stack Overflow

PHP looping array and make <ul> issue

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related