我有一个简单的导航菜单:
<ul>
<li><a href="index.php" id="home_menu">Home</a></li>
<li><a href="purchase.php" class="selected" id="information_menu">Information</a></li>
<li><a href="purchase.php" id="contact_menu">Contact</a></li>
</ul>
我正在尝试设置要选择的正确菜单项。有些菜单会有子菜单,所以我不认为我想通过它的 URL 来做到这一点,所以我在每个页面中设置了一个元数据标签,并使用正确的选项卡 ID:
<meta name="selected_nav_tab" content="home" />
然后通过 jQuery 获取 id:
$(document).ready(function () {
//set appropriate nav menu to selected
$('#nav li a').removeClass('selected');
//determine which tab should be selected
var selected_tab = $('meta[name=selected_nav_tab]').attr("content");
});
如何使用该 id("var selected_tab") 来选择主页选项卡?
类似于:
$(#selected_tab).addClass('selected');
这可能是理所当然的......
谢谢你再次让我摆脱困境
托德
最佳答案
作为您的 html 代码
您可以尝试是否始终显示“_menu”。
$('#' + selected_tab +'_menu').addClass('selected');
或者如果您想选择检查其内容。
$('#nav li a').contains(selected_tab).addClass('selected');
关于javascript - 根据 id 使用 jQuery 选择导航选项卡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11741168/