php - 如何使用 php 或 javascript 将特定的 css id 添加到父菜单

Question

我们正在开发一个从 mysql 中获取数据的菜单。

数据库结构；

id  | name      | link      |   parent_id   
-----------------------------------------
1   | Home      | p.php     |   0
2   | Portfolio | p.php     |   0
3   | Projects  | p.php     |   0
4   | Contact   | p.php     |   0
5   | Web Design| p.php     |   2
6   | Grap. Desg| p.php     |   2
.
.
.
14  | Quote     | p.php     |   6 
.
-----------------------------------------

PHP 和 PDO；

<?php
$baseUri = $_SERVER['PHP_SELF'];
$menuHtml='';
function createMenu($parentId){
    global $baseUri;
    global $menuHtml;
    global $db;
    $query = $db->prepare('SELECT * FROM menu_options WHERE `parent_id` = ?');
    $query->bindParam(1, $parentId, PDO::PARAM_INT);
    $query->execute();
    $rowCount = $query->rowCount();
    if ($rowCount == 0) return;
    if ($parentId == 0)
        $menuHtml.="<ul id=\"menu\">\r\n";
    else
    $menuHtml.='<ul>';
    while($row = $query->fetch(PDO::FETCH_OBJ))
    {
        $menuHtml.='<li><a href="'.$row->url.'">'.$row->name.'</a>';
        createMenu($row->id);
        $menuHtml.='</li>';
    }   
$menuHtml.='</ul>';
return $menuHtml;
}
echo createMenu(0);
?>

和 HTML 结果；

<ul>
    <li><a href="index.php">HOMEPAGE</a></li>
    <li class=""><a href="articles.php">CORPORATE</a>
        <ul style="visibility: hidden; display: none;">
            <li><a href="article.php?i=1">About Us</a></li>
            <li><a href="article.php?i=1">Mission Vision</a></li>
            <li><a href="project2.php">Company Tag</a></li>
            <li><a href="project2.php">Production</a></li>
        </ul>
     </li>
     <li class=""><a href="projects.php">PRODUCTS</a>
        <ul style="visibility: hidden; display: none;">
            <li><a href="project4.php">Meltblown</a></li>
            <li><a href="support.php">Spunbond</a></li>
            <li><a href="quote.php">Sms &amp; Smms</a></li>
            <li><a href="">Composites</a></li>
        </ul>
     </li>
     <li><a href="articles.php?i=1">QUALITY</a></li>
     <li><a href="articles.php?i=1">NEWS</a></li>
     <li><a href="gallery.php">GALLERY</a></li>
     <li><a href="contact.php">CONTACT</a></li>
</ul>

我们考虑使用 $baseUri = $_SERVER['PHP_SELF']; 的某种 if else 语句，但它没有解决我们的问题。我们想用 PHP 添加一个 css 类，例如； 如果我们在 index.php 中，菜单必须是这样的；

<ul>
        <li><a class="current" href="index.php">HOMEPAGE</a></li>
        <li class=""><a href="articles.php">CORPORATE</a>

我们有子菜单，这些子菜单有父菜单。我们只想将特定的 CSS 类添加到 parent_id = 0。如果子菜单的父菜单大于 0，则应查找父菜单的父菜单。这有点复杂，我们很困惑。

Answer 1

您可以在您的网址中添加一个p 参数，代表parentId

<ul>
    <li><a href="index.php?p=0">HOMEPAGE</a></li>
    <li class=""><a href="articles.php?p=1">CORPORATE</a>
        <ul style="visibility: hidden; display: none;">
            <li><a href="article.php?i=1&p=1">About Us</a></li>
            <li><a href="article.php?i=1&p=1">Mission Vision</a></li>
            <li><a href="project2.php&p=1">Company Tag</a></li>
            <li><a href="project2.php&p=1">Production</a></li>
        </ul>
     </li>
     <li class=""><a href="projects.php?p=2">PRODUCTS</a>
        <ul style="visibility: hidden; display: none;">
            <li><a href="project4.php?p=2">Meltblown</a></li>
            <li><a href="support.php?p=2">Spunbond</a></li>
            <li><a href="quote.php?p=2">Sms &amp; Smms</a></li>
            <li><a href="">Composites</a></li>
        </ul>
     </li>
     <li><a href="articles.php?i=1&p=3">QUALITY</a></li>
     <li><a href="articles.php?i=1&p=4">NEWS</a></li>
     <li><a href="gallery.php?p=5">GALLERY</a></li>
     <li><a href="contact.php?p=6">CONTACT</a></li>
</ul>

然后在你的 PHP 中你这样写:

$page=-1;
if(isset($_GET['p'])){
    $page = htmlspecialchars($_GET['p']);
}

以及稍后在添加 <li> 时的代码中元素，你写那个 (注意 theClassYouWantToAdd 的添加)

if($parentId == $page){
    $menuHtml.='<li class="theClassYouWantToAdd"><a href="'.$row->url.'">'.$row->name.'</a>';
} else {
    $menuHtml.='<li><a href="'.$row->url.'">'.$row->name.'</a>';
}