Question

我有多只旋转滑车，一次可以滑动一件物品。我正在克隆我的轮转菜。现在，我想添加在活动班级的第一个孩子中选择的班级。

我正在使用https://www.bootply.com/HNtK6pWwFp#，但已经将其转换为引导程序4。

我尝试了

  $('.carousel-control-next-icon').click(function () {
     alert("next icon clicked");
   $(".carousel-item.active.children(:first-child)").addClass('selected');
  });

并尝试与dom一起玩，但没有成功。

所选课程具有边框样式。我在第一项中添加了所选课程。后来我使用removeClass和addClass。如果需要更多信息，我很乐意加载更多代码。

Answer 1

使用轮播slid事件和适当的选择器，而不是使用click事件。

$('.carousel').on('slid.bs.carousel', function () {
    $(".carousel-item.active div:first-child").addClass('selected');
});

https://www.codeply.com/go/NYPTgKPjng

而且，您实际上并不需要jQuery添加类。您可以只使用CSS选择器，例如：

.carousel-item.active div:first-child {
    border: blue solid 1px;
}

如何在多个转盘中定位活动项的第一个孩子

1 个答案: