Javascript 添加活动类问题引导选项卡

我正在尝试为每个选项卡添加

.active

class first li项，但它只在一个选项卡上工作，为什么不能正常工作？bootstrap有什么特性吗？或者我必须自己做吗？顺便说一下，我正在使用引导选项卡

$（文档）.ready（函数（）{
$（“.add active li:first”）.addClass（“active”）；
});
正文{
利润率：70像素；
}
.tab一、.tab二{
浮动：左；
宽度：500px；
利润率：30像素；
}







第一选项卡
Lorem ipsum dolor sit amet，奉献精英。面部轮廓清晰，不易损坏，除面部缺陷外，其他方面的缺陷都会引起公众的谴责

第二选项卡
Lorem ipsum dolor sit amet，奉献精英。多洛里布和布朗迪提斯·奎斯、莫迪·莫迪·莫迪·莫迪、特尼图尔·艾尔姆·麦格纳姆（又名rem）是一位杰出的照明专家，他是一位真正的需求者吗

第三选项卡
Lorem ipsum dolor sit amet，奉献精英。腐败的建筑大师们，在我们的生活中，有一个伟大的灵魂

第四选项卡
Lorem ipsum dolor sit amet，奉献精英。雷姆·埃维尼特、康塞特图、托塔姆（以同一个数量计算），必须依次计算，多洛伦减去镨。大盲肠软体动物，产卵器处的液体，胎动前的软组织





试一试标签
Lorem ipsum dolor sit amet，奉献精英。面部轮廓清晰，不易损坏，除面部缺陷外，其他方面的缺陷都会引起公众的谴责

使用标签
Lorem ipsum dolor sit amet，奉献精英。多洛里布和布朗迪提斯·奎斯、莫迪·莫迪·莫迪·莫迪、特尼图尔·艾尔姆·麦格纳姆（又名rem）是一位杰出的照明专家，他是一位真正的需求者吗

您必须使用
find（）
，否则它将只使用
li:first
的第一个实例：

$(document).ready(function(){
    $(".add-active").find('li:first').addClass("active");
});

希望这有帮助


$（文档）.ready（函数（）{
$（“.add-active”）.find（'li:first'）.addClass（“active”）；
});
正文{
利润率：70像素；
}
.tab一、.tab二{
浮动：左；
宽度：500px；
利润率：30像素；
}







第一选项卡
Lorem ipsum dolor sit amet，奉献精英。面部轮廓清晰，不易损坏，除面部缺陷外，其他方面的缺陷都会引起公众的谴责

第二选项卡
Lorem ipsum dolor sit amet，奉献精英。多洛里布和布朗迪提斯·奎斯、莫迪·莫迪·莫迪·莫迪、特尼图尔·艾尔姆·麦格纳姆（又名rem）是一位杰出的照明专家，他是一位真正的需求者吗

第三选项卡
Lorem ipsum dolor sit amet，奉献精英。腐败的建筑大师们，在我们的生活中，有一个伟大的灵魂

第四选项卡
Lorem ipsum dolor sit amet，奉献精英。雷姆·埃维尼特、康塞特图、托塔姆（以同一个数量计算），必须依次计算，多洛伦减去镨。大盲肠软体动物，产卵器处的液体，胎动前的软组织





试一试标签
Lorem ipsum dolor sit amet，奉献精英。面部轮廓清晰，不易损坏，除面部缺陷外，其他方面的缺陷都会引起公众的谴责

使用标签
Lorem ipsum dolor sit amet，奉献精英。多洛里布和布朗迪提斯·奎斯、莫迪·莫迪·莫迪·莫迪、特尼图尔·艾尔姆·麦格纳姆（又名rem）是一位杰出的照明专家，他是一位真正的需求者吗