сделать вкладку активной, если класс вкладок имеет активный класс

Question

нужна помощь с активным классом.

Я использую этот код для создания простых вкладок. все работает нормально.

но я не могу заставить этот код работать с «активным классом», поскольку мне нужно. код теперь выбирает первую вкладку и делает его активным.

я хочу добавить сам код активного класса в DIV, как:

нужна помощь, чтобы сделать эту работу.

Благодаря

<ul class='tabs'> 
    <li><a href='#tab1'>Tab 1</a></li> 
    <li><a href='#tab2'>Tab 2</a></li> 
    <li><a href='#tab3'>Tab 3</a></li> 
    </ul> 
    <div id='tab1'> 
    <p>Hi, this is the first tab.</p> 
    </div> 
    <div id='tab2' class='active'> 
    <p>This is the 2nd tab.</p> 
    </div> 
    <div id='tab3'> 
    <p>And this is the 3rd tab.</p> 
    </div> 

и вот код JS. проблема, как я вижу в «$ активного»

jQuery(document).ready(function($) { 
$('.info-tabs').each(function(){ 
    // For each set of tabs, we want to keep track of 
    // which tab is active and it's associated content 
    var $active, $content, $links = $(this).find('a'); 

    // If the location.hash matches one of the links, use that as the active tab. 
    // If no match is found, use the first link as the initial active tab. 
    $active = $($links.filter('[href="'+location.hash+'"]')[0] || $links[0]); 
    $active.addClass('active'); 

    $content = $($active[0].hash); 

    // Hide the remaining content 
    $links.not($active).each(function() { 
     $(this.hash).hide(); 
    }); 

    // Bind the click event handler 
    $(this).on('click', 'a', function(e){ 
     // Make the old tab inactive. 
     $active.removeClass('active'); 
     $content.hide(); 

     // Update the variables with the new link and content 
     $active = $(this); 
     $content = $(this.hash); 

     // Make the tab active. 
     $active.addClass('active'); 
     $content.show(); 

     // Prevent the anchor's default click action 
     e.preventDefault(); 
    }); 
    }); 
    }); 

Answer 1

В вашем каждом цикле, вы перебор с помощью селектора .info-вкладка

$('.info-tabs').each(//some stuff here) 

Но я ДНТ видит класс инфо-вкладки в любом месте , Итак, сначала проверьте содержимое html.