Jquery链接到另一个选项卡

Question

我有一些工作正常的选项卡，并在单击时添加了一个“活动”类。我希望标签内容中的文本链接相互链接。我有这个工作，但我找不到让它的标签处于活动状态的方法：

JSFiddle：http://jsfiddle.net/sarah3585/01vas55s/

所以在这里，当在 tab1 中单击指向它的链接时，我想将活动类应用于 tab2。

HTML：

<div class="tabs">
        <div class="selection">
        <ul class="tab-links">
            <li class="active"><a class="tab-link button" href="#tab1">Button1</a></li>
            <li><a class="tab-link button" href="#tab2">Button 2</a></li>
        </ul>
    </div>

  <div class="internal-container tab-content">

    <div id="tab1" class="tab active"> 
        Tab 1 content
        <a href="#tab2" class="tab-link">Link to tab2</a>
    </div>

    <div id="tab2" class="tab"> 
        Tab 2 content
    </div>

  </div>
</div>

JS：

$(document).ready(function() {
$('a.tab-link').on('click', function(e)  {
    var currentAttrValue = $(this).attr('href');

    // Show/Hide Tabs
    $('.tabs ' + currentAttrValue).show().siblings().hide();

    // Change/remove current tab to active
    $(this).parent('li').addClass('active').siblings().removeClass('active');

    e.preventDefault();
});
});

Answer 1

替换

$(this).parent('li').addClass('active').siblings().removeClass('active');

有

$('a[href='+currentAttrValue+']').parent('li').addClass('active').siblings().removeClass('active');