Javascript 从列表项中删除类，并使用jquery将类添加到其他列表项

我有一个列表，其中一个列表项设置为活动。在页面加载时，我希望此活动项被删除并添加到另一个列表项中。我试着用小提琴演奏，但它是我想要的。我做错了什么？在这里拉小提琴： 代码：

---

1st:您应该确保包含jquery。。要包含jquery，请将下一行添加到

或

最终答案（单击引导选项卡上的其他选项卡）

---

谢谢，这在你的小提琴里很管用，我在我的小提琴里也做了相应的修改，但没有改变。Strange@YohanBlake我用如何包含jquery更新我的答案。。要在JSFIDLE中包含jquery，在javascript部分的右侧上方有一个齿轮图标，单击它并选择jquery@YohanBlake请确定是否包含jquery。。如果控制台中出现错误，请说（$未定义）。。这意味着jquery不包括在内谢谢，它可以在小提琴上工作。但我试图将其添加到我的php文件中，但失败了。我在脚本标记中添加了jquery代码，就在ul标记之前，并包含了jquerytoo@YohanBlake抱歉，答案已更新为新脚本src。。在这里检查

<ul class="nav nav-tabs">
<li class="active"><a data-toggle="tab" href="#home">Home</a></li>
<li id="stock2"><a data-toggle="tab" href="#stock">Stock</a></li>
<li>Three</li>
<li>Four</li>
</ul>

var selector = '.nav li';
var stockv = 'stock';
if(stockv != ''){

$(selector).removeClass('active');
$('#stock2').addClass('active');
$('#stock2').addClass('area-expanded="true"');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>

var selector = '.nav li.active'; // add .active here
var stockv = 'stock';
if(stockv !== ''){
   $(selector).removeClass('active');
   $('#stock2').addClass('active');
   //$('#stock2').addClass('area-expanded="true"');
};                          //<<<<<<<<<<<<<<<<<< here

jQuery(function () {
    jQuery('a[href="#stock"]').tab('show');
});