从列表项中删除类，然后使用jquery将类添加到其他列表项
[英]Remove class from list item and add a class to a different list item using jquery
问题描述
我有一个列表，其中列表项设置为活动。 在页面加载时，我希望取消此活动并将其添加到另一个列表项。 我正在尝试这样做，但是它确实可以实现。 我究竟做错了什么？ 小提琴在这里： 小提琴代码：
<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>
jQuery的：
var selector = '.nav li';
var stockv = 'stock';
if(stockv != ''){
$(selector).removeClass('active');
$('#stock2').addClass('active');
$('#stock2').addClass('area-expanded="true"');
});
1 个解决方案
解决方案1
2 已采纳 2016-05-13 01:31:27
第一：您应该确保包含jquery ..要包含jquery，请将下一行添加到<head></head>或</body>之前
<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');
});
如何使用jQuery向列表项添加类
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.