как нацелить первого потомка активного элемента в несколько караул

Question

У меня есть несколько караул, которые скользят по одному предмету за раз. Я клонирую свой предмет carausel. Теперь я хочу добавить класс, выбранный в первых потомках активного класса.

Я использую https://www.bootply.com/HNtK6pWwFp#,, но уже конвертирую его для начальной загрузки 4.

Я пытался

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

, а также попытаться поиграть с домом, но безуспешно.

выбранный класс имеет границу style.i добавлен выбранный класс с первым элементом. и позже я использую removeClass и addClass. Если мне нужно больше информации, я счастлив загрузить больше кода.

Answer 1

Вместо использования события click используйте событие Carousel slid с соответствующим селектором.

$('.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;
}