javascript - 根据 id 使用 jQuery 选择导航选项卡

Question

我有一个简单的导航菜单:

<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');

这可能是理所当然的......

谢谢你再次让我摆脱困境

托德

Answer 1

作为您的 html 代码

您可以尝试是否始终显示“_menu”。

$('#' + selected_tab +'_menu').addClass('selected');

或者如果您想选择检查其内容。

$('#nav li a').contains(selected_tab).addClass('selected');