根据ID

Question

与jQuery选择导航选项卡我有一个简单的导航菜单：

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

Answer 2

试试这个：

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

您的变量selected_tab只包含home或其他内容，但您的id与home_menu类似，id选择器需要#。

所以正确的选择看起来#home_menu等

Answer 3

设置选定的选项卡选项。您首先必须获取要选择的选项卡的索引。

http://jqueryui.com/demos/tabs/#option-selected

// Get jQuery object of the tabs element (assuming #nav is where you use the tabs plugin on) 
var $tabs = $('#nav'); 

// Get selected tab id (this is the id right?) 
var selected_tab = $('meta[name=selected_nav_tab]').attr('content'); 

// Get the index of the tab we are going to select 
var selected_index = $tabs.find('li').index($tabs.find('li#' + selected_tab)); 

// Select the tab 
$tabs.tabs('option', 'selected', selected_index);