Javascript 为一个项目指定另一个项目的类别'；使用jQuery或JS（owl旋转木马）的s子对象

这是我的问题。 我正在使用我的页面中的owl.carrousel MIT库。 此库自动创建一个div，以便在需要显示时为其提供类“active”。 当任何不同的“owl项目”处于活动状态时，我想在carrousel部分设置不同的背景

这是我在index.html文档中的html代码：

<section id="testimonials">

      <div class="container">
        <div class="owl-carousel testimonials-carousel">

            <div class="testimonial-item Titem1">
              <h3>First carousel item</h3>
            </div>

            <div class="testimonial-item Titem2">
              <h3>Second carousel item</h3>
            </div>

            <div class="testimonial-item Titem3">
              <h3>Third carousel item</h3>
            </div>

            <div class="testimonial-item Titem4">
              <h3>Fourth carousel item</h3>
            </div>

        </div>
      </div>

</section>

因此，如果任何JS或jQuery之神可以帮助我，请：V 我真的不知道我在做什么

---

谢谢你一直读到最后；）

由于我能够理解您的问题，请将以下代码添加到您的js文件中

$(".owl-carousel").owlCarousel();

var owl = $(".owl-carousel");
owl.owlCarousel();

owl.on("translated.owl.carousel", function (event) {
  $("#testimonials").removeClass();
  $("#testimonials").addClass(
    $(".owl-item.active > .testimonial-item").attr("class")
  );
});

---

Daddys代码运行良好，但实际上速度足够快，甚至在类“active”从“owl item”更改为另一个之前就将类添加到“#demissional”中，因此它将类从上一个“owl item active”添加到了“translated.owl.carousel”中，可以使用“translated.owl.carousel”而不是“change.owl.carousel”轻松修复：

$('#testimonials').addClass( $('.owl-item.active > .testimonial-item').attr("class") );

$(".owl-carousel").owlCarousel();

var owl = $(".owl-carousel");
owl.owlCarousel();

owl.on("translated.owl.carousel", function (event) {
  $("#testimonials").removeClass();
  $("#testimonials").addClass(
    $(".owl-item.active > .testimonial-item").attr("class")
  );
});

$(".owl-carousel").owlCarousel();

var owl = $(".owl-carousel");
owl.owlCarousel();

owl.on("translated.owl.carousel", function (event) {
    $("#IDi").removeClass();
    $("#IDi").addClass($(".owl-item.active > .testimonial-item").attr("class"));
});