Jquery选项卡-激活时添加类

Jquery选项卡-激活时添加类,jquery,jquery-ui-tabs,Jquery,Jquery Ui Tabs,我正在尝试编辑以下内容: 正如您可以看到的代码,单击“ul.tab\u nav li a”添加类“current\u tab” 我需要在“ul.tab_nav li”中添加此类 我试过这个: $(document).ready(function(){ $('.tabs').each(function(){ var tab = $(this); tab.find('.tab_content').hide(); // Hide all divs tab.find('ul.

我正在尝试编辑以下内容:

正如您可以看到的代码,单击“ul.tab\u nav li a”添加类“current\u tab”

我需要在“ul.tab_nav li”中添加此类

我试过这个:

$(document).ready(function(){
$('.tabs').each(function(){
    var tab = $(this);
    tab.find('.tab_content').hide(); // Hide all divs

    tab.find('ul.tab_nav li').click(function(){ //When any link is clicked
        if($(this).hasClass('current_tab')) return false;
        tab.find('ul.tab_nav li').removeClass('current_tab');
        $(this).addClass('current_tab'); //Set clicked link class to active

        var currentTab = tab.find($(this).attr('href')); // Set variable currentTab to value of href attribute of clicked link

        tab.find('.tab_content').hide(); // Hide all divs
        $(currentTab).slideDown(); // Show div with id equal to variable currentTab
        return false;
    });
});
});
但这样就不会显示“选项卡内容”


有任何帮助吗?

在单击事件处理程序中,这指的是
  • 元素,但您的href属性位于子
    元素上:

    <li><a href=".tab2"class="iconTab iconTabWifi">&nbsp;</a></li>
    
    这样做:

    var currentTab = tab.find($(this).find("a.iconTab").attr('href')); 
    
    var currentTab = tab.find($(this).find("a.iconTab").attr('href'));