Jquery 需要动态菜单active和inactive的CSS代码，动态菜单从数据库中拾取数据

我已经尝试了很多关于菜单设计的代码，它根据主菜单从数据库中选择数据，我想使选项卡处于活动和非活动状态

我有一个包含如下数据的表结构

Main    Level1  level2
menu1   sub-menu1   ssmenu1
menu1   sub-menu1   ssmenu2
menu1   sub-menu1   ssmenu3
menu1   sub-menu2   
menu1   sub-menu3   ssmenu1
menu1   sub-menu3   ssmenu2
menu1   sub-menu3   ssmenu3
menu1   sub-menu4   
menu2   sub-menu1   ssmenu1
menu2   sub-menu1   ssmenu2
menu2   sub-menu1   ssmenu3
menu2   sub-menu2   
menu2   sub-menu3   ssmenu1
menu2   sub-menu3   ssmenu2
menu2   sub-menu3   ssmenu3
menu2   sub-menu4   

在这里，当用户单击菜单1时，必须以选项卡的形式显示相应的级别1数据，当用户单击子菜单3时，必须显示相应的级别2。通过使用查询，此部分工作正常。但我想给出的是，当用户按下该选项卡时，相应的选项卡处于活动状态

如果是静态的，我的代码可以正常工作。但当我从数据库中选取数据时，它并没有显示“活动”和“非活动”选项卡

我的CSS按钮代码

.Black .button .active-tab{
color:#000;
background: #dedede;
background: -moz-linear-gradient(top, #dedede 0%, #fff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dedede), color-stop(100%,#fff));
background: -webkit-linear-gradient(top, #dedede 0%,#fff 100%);
background: -o-linear-gradient(top, #dedede 0%,#fff 100%);
background: -ms-linear-gradient(top, #dedede 0%,#fff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#fff',GradientType=0 );
background: linear-gradient(top, #dedede 0%,#fff 100%);
}

任何人都可以建议我如何做，以及需要编写什么类型的代码来显示相应的选项卡处于活动状态

---

感谢您的大力支持。

好的，老实说，我不确定您的最终目标是什么，但如果只是为了获取单击菜单项的id或href属性，那么这应该会有所帮助：

以下是jQuery代码：

$('.button').click(function(){
    console.log($(this));
    var hiddenInput  = $(this).children('a').attr("id");
    alert("Value "+hiddenInput);
});

如果您还需要href属性，只需通过以下方式即可获得：

$(this).children('a').attr("href");

您可以使用以下命令重定向：

window.location.href="your_link";

---

但是我猜你只是需要id来过滤上面的菜单项。在这种情况下，您可以选择带有子字符串或其他内容的菜单项，并添加css类。但如果这不是你想要的，我需要进一步的解释；）

您是否将css类分配给选项卡？如何创建？您能创建一个提琴吗？提琴显示UI Java代码的框架示例并不存在