Javascript 需要在引导折叠目标卡中切换背景暗

我只想定制Bootstrap4Collapse，我几乎成功了，但jquery有一个问题。我想，每当有人点击任何卡的标题，然后它的背景颜色应该是黑色的白色文本，但在我的情况下，它不工作，而不是所有卡标题的背景颜色都在变化。以下是代码示例：

功能切换图标{ $e.target .prev'.卡片标题' .多找少找 .toggleClass‘fa加fa减’； $.card heading.toggleClass'bg-dark'； $.card heading.toggleClass'text-light'； } $“.card groups.”在“hidden.bs.collapse”上，切换图标； $“.card groups.”在“show.bs.collapse”上，切换图标； .卡片组.卡片组{ 边界半径：0； 盒影：无； 边框颜色：EEEE； 边缘底部：5px； } .卡组.卡默认值{ 边框颜色：ddd； } .card group.card default>.card heading{ 填充：0； 边界半径：0； 颜色：212121； 背景色：fafa； 边框颜色：EEEE； } .卡片组.卡片标题{ 字体大小：14px； } .卡片组h4.卡片标题{ 页边距底部：0； } .卡片组.卡片标题>a{ 颜色：4545； 显示：块； 填充：15px； 文字装饰：无； } .卡片组。更多更少{ 浮动：对； 颜色：4545； 字体大小：20px； } .card groups.card default>.card heading+.panel collapse>.card body{ 边框顶部颜色：EEEE； } /*---可以删除v----*/ 身体{ 背景色：26a69a； } .演示{ 填充顶部：60px； 填充底部：60px； } 动物保护协会的陈词滥调，埃尼姆·埃乌斯莫德的高寿命accusamus terry richardson广告鱿鱼。3狼月亮奥特餐厅，非丘比特滑板多洛早午餐。食品车奎奴亚藜。早午餐3狼月亮临时，圣塔阿利夸放了一只鸟在上面鱿鱼单一来源咖啡NullaAssumenda shoreditch等Nihil anim keffiyeh helvetica，工艺啤酒工人wes anderson cred Nesciut sapiente ea proident。纯素食主义者，屠夫副洛莫。紧身裤从工艺啤酒场到餐桌，生料牛仔布美学合成物，你可能还没听说过accusamus labore可持续VHS。 动物保护协会的陈词滥调，埃尼姆·埃乌斯莫德的高寿命accusamus terry richardson广告鱿鱼。3狼月亮奥特餐厅，非丘比特滑板多洛早午餐。食品车奎奴亚藜。早午餐3狼月亮临时，圣塔阿利夸放了一只鸟在上面鱿鱼单一来源咖啡NullaAssumenda shoreditch等Nihil anim keffiyeh helvetica，工艺啤酒工人wes anderson cred Nesciut sapiente ea proident。纯素食主义者，屠夫副洛莫。紧身裤从工艺啤酒场到餐桌，生料牛仔布美学合成物，你可能还没听说过accusamus labore可持续VHS。 动物保护协会的陈词滥调，埃尼姆·埃乌斯莫德的高寿命accusamus terry richardson广告鱿鱼。3狼月亮奥特餐厅，非丘比特滑板多洛早午餐。食品车奎奴亚藜。早午餐3狼月亮临时，圣塔阿利夸放了一只鸟在上面鱿鱼单一来源咖啡NullaAssumenda shoreditch等Nihil anim keffiyeh helvetica，工艺啤酒工人wes anderson cred Nesciut sapiente ea proident。纯素食主义者，屠夫副洛莫。紧身裤从工艺啤酒场到餐桌，生料牛仔布美学合成物，你可能还没听说过accusamus labore可持续VHS。

---

将切换功能替换为此

功能切换图标{ $e.target .prev'.卡片标题' .多找少找 .toggleClass‘fa加fa减’； $e.target.prev.card heading.toggleClass'bg-dark'； $e.target.prev.card heading.toggleClass'text-light'； } 将此添加到您的样式中

.card-heading.bg-dark a{ 颜色：fff！重要； }

---

在这里，我使用了三个不同的函数和三个不同的id。点击后调用相关函数

功能切换图标01{ $headingOne.toggleClass'bg-dark'； $atext1.toggleClass'text-white'； } 功能切换图标02{ $headingTwo.toggleClass'bg-dark'； $atext2.toggleClass'text-white'； } 功能切换图标03{ $headingThree.toggleClass'bg-dark'； $atext3.toggleClass'text-white'； } .卡片组.卡片组 { 边界半径：0； 盒影：无； 边框颜色：EEEE； 边缘底部：5px； } .卡组.卡默认值{ 边框颜色：ddd； } .card group.card default>.card heading{ 填充：0； 边界半径：0； 颜色：212121； 背景色：fafa； 边框颜色：EEEE； } .卡片组.卡片标题{ 字体大小：14px； } .卡片组h4.卡片标题{ 页边距底部：0； } .卡片组.卡片标题>a{ 颜色：4545； 显示：块； 填充：15px； 文字装饰：无； } .卡片组。更多更少{ 浮动：对； 颜色：4545； 字体大小：20px； } .card groups.card default>.card heading+.panel collapse>.card body{ 边框顶部颜色：EEEE； } /*---可以删除v----*/ 身体{ 背景色：26a69a； } .演示{ 填充顶部：60px； 填充底部：60px； } 动物保护协会的陈词滥调，埃尼姆·埃乌斯莫德的高寿命accusamus terry richardson广告鱿鱼。3狼月亮奥特餐厅，非丘比特滑板多洛早午餐。食品车奎奴亚藜。早午餐3狼月亮临时，圣塔阿利夸放了一只鸟在上面鱿鱼单一来源咖啡NullaAssumenda shoreditch等Nihil anim keffiyeh helvetica，工艺啤酒工人wes anderson cred Nesciut sapiente ea proident。纯素食主义者，屠夫副洛莫。紧身裤从工艺啤酒场到餐桌，生料牛仔布美学合成物，你可能还没听说过accusamus labore可持续VHS。 动物保护协会的陈词滥调，埃尼姆·埃乌斯莫德的高寿命accusamus terry richardson广告鱿鱼。3狼月亮奥特餐厅，非丘比特滑板多洛早午餐。食品车奎奴亚藜。早午餐3狼月亮临时，圣塔阿利夸放了一只鸟在上面鱿鱼单一来源咖啡NullaAssumenda shoreditch等Nihil anim keffiyeh helvetica，工艺啤酒工人wes anderson cred Nesciut sapiente ea proident。纯素食主义者，屠夫副洛莫。紧身裤从工艺啤酒场到餐桌，生料牛仔布美学合成物，你可能还没听说过accusamus labore可持续VHS。 动物保护协会的陈词滥调，埃尼姆·埃乌斯莫德的高寿命accusamus terry richardson广告鱿鱼。3狼月亮奥特餐厅，非丘比特滑板多洛早午餐。食品车奎奴亚藜。早午餐3狼月亮临时，圣塔阿利夸放了一只鸟在上面鱿鱼单一来源咖啡NullaAssumenda shoreditch等Nihil anim keffiyeh helvetica，工艺啤酒工人wes anderson cred Nesciut sapiente ea proident。纯素食主义者，屠夫副洛莫。紧身裤从工艺啤酒场到餐桌，生料牛仔布美学合成物，你可能还没听说过accusamus labore可持续VHS。

---

您实际上不必添加到样式表中，只需在正确的位置切换即可

功能切换图标{ 让myhead=$e.target .prev.“卡片标题”； 我的头 .多找少找 .toggleClass“fa加fa减文字灯”； myhead.toggleClass'bg-dark'。查找。卡片标题' .find'a'。切换class'text-white'； } $'.card groups'。在“hidden.bs.collapse”上显示.bs.collapse'，切换图标； .卡片组.卡片组{ 边界半径：0； 盒影：无； 边框颜色：EEEE； 边缘底部：5px； } .卡组.卡默认值{ 边框颜色：ddd； } .card group.card default>.card heading{ 填充：0； 边界半径：0； 颜色：212121； 背景色：fafa； 边框颜色：EEEE； } .卡片组.卡片标题{ 字体大小：14px； } .卡片组h4.卡片标题{ 页边距底部：0； } .卡片组.卡片标题>a{ 颜色：4545； 显示：块； 填充：15px； 文字装饰：无； } .卡片组。更多更少{ 浮动：对； 颜色：4545； 字体大小：20px； } .card groups.card default>.card heading+.panel collapse>.card body{ 边框顶部颜色：EEEE； } /*---可以删除v----*/ 身体{ 背景色：26a69a； } .演示{ 填充顶部：60px； 填充底部：60px； } 动物保护协会的陈词滥调，埃尼姆·埃乌斯莫德的高寿命accusamus terry richardson广告鱿鱼。3狼月亮奥特餐厅，非丘比特滑板多洛早午餐。食品车奎奴亚藜。早午餐3狼月亮临时，太阳阿利夸放了一只鸟 在它上面，鱿鱼单一来源的咖啡。 Nihil anim keffiyeh helvetica，工艺啤酒工人wes anderson cred nesciunt sapiente ea proident。纯素食主义者，屠夫副洛莫。从工艺啤酒场到餐桌， 粗斜纹棉布美学合成器Nescuint您可能还没有听说过accusamus labore可持续VHS。 动物保护协会的陈词滥调，埃尼姆·埃乌斯莫德的高寿命accusamus terry richardson广告鱿鱼。3狼月亮奥特餐厅，非丘比特滑板多洛早午餐。食品车奎奴亚藜。早午餐3狼月亮临时，太阳阿利夸放了一只鸟 在它上面，鱿鱼单一来源咖啡Nalla assumenda shoreditch et.Nihil anim keffiyeh helvetica，工艺啤酒工人wes anderson cred Nescuint sapiente ea proident。纯素食主义者，屠夫副洛莫。从工艺啤酒场到餐桌， 粗斜纹棉布美学合成器Nescuint您可能还没有听说过accusamus labore可持续VHS。 动物保护协会的陈词滥调，埃尼姆·埃乌斯莫德的高寿命accusamus terry richardson广告鱿鱼。3狼月亮奥特餐厅，非丘比特滑板多洛早午餐。食品车奎奴亚藜。早午餐3狼月亮临时，太阳阿利夸放了一只鸟 在它上面，鱿鱼单一来源咖啡Nalla assumenda shoreditch et.Nihil anim keffiyeh helvetica，工艺啤酒工人wes anderson cred Nescuint sapiente ea proident。纯素食主义者，屠夫副洛莫。从工艺啤酒场到餐桌， 粗斜纹棉布美学合成器Nescuint您可能还没有听说过accusamus labore可持续VHS。

---

非常感谢你