如何通过jQuery选择活动选项卡选择选项卡内容在ul元素之外的位置？

Question

页面加载后我想以编程方式设置活动标签...在下面的例子中我想设置标签，英文为活动标签。

我试过了：

$('#languagetabs').tabs('select', 1);

和

$('.edittabs').tabs('select', 1);

但这没有用，因为没有任何事情发生：没有错误，第一个标签仍然有效。

<div class="edittabs">
    <ul id="languagetabs">
        <li><a href="#language-spanish">Spanish</a></li>
        <li><a href="#language-english">English</a></li>
    </ul>
    <div id="language-spanish">        
        Spanish description
    </div>
    <div id="language-english">
        English description
    </div>
</div>

Answer 1

$('#languagetabs li:eq(1) a').trigger('click');

这将模拟被点击的第二个标签。

Answer 2

声明一个活动的类，

.active{background:#5d5d5d;}

<li><a href="#language-english" class="active">English</a></li>

$('#languagetabs li').click(function() {
  $(this).toggleClass('active');
}); 

希望它会帮助你..