Question

我正在使用引导传送带，并且希望能够删除类d-none 在包含活动类的图像容器上，所以我有

$(".carousel-control").click(function() {
$(".work-c-box").addClass('d-none');
    var focusedEl = $(".carousel-inner").find(".active .work-c-image .work-c-box:nth-child(2)");

  focusedEl.removeClass('d-none');

如果我在开发工具中进行检查，它将删除d-none类，但对于我专注的[active]则不会将其从先前单击事件中处于这种状态的元素中删除。

我尝试使用.prev（）函数，但是没有运气，或者对问题没有真正的了解：）

这是html部分

 <div id="carousel-1" class="carousel slide multi-item-carousel" data-ride="carousel" data-interval="false">

  <div class="carousel-inner">
    <div class="item active">
      <div class="item__third work-c-image">
        <img src="image.jpg" alt="" >
        <div class="work-c-box">
            <h3>some Heading</h3>
            <p>dummy text</p>

        </div>
      </div>
    </div>
    <div class="item">
      <div class="item__third work-c-image">
        <img src="image2.jpg" alt="">
        <div class="work-c-box box-hide">
            <h3>some heading</h3>
            <p>dummy text</p>

        </div>
      </div>
    </div>
    <div class="item">
      <div class="item__third work-c-image">
        <img src="image3.jpg" alt="" > 
        <div class="work-c-box box-hide">
            <h3>some heading</h3>
            <p>dummy text</p>

        </div>
      </div>
    </div>
  </div>
  <a href="#carousel-1" class="left carousel-control" role="button" data-slide="prev"></a>
  <a href="#carousel-1" class="right carousel-control" role="button" data-slide="next"></a>
</div>
</div>

我需要的是一些提示和解释，而不仅仅是用一些代码回答我的问题。

谢谢

Answer 1

您可以使用以下代码

$($(".carousel-inner").find(".active .work-c-image .work-c-box:nth-child(2)").parent().parent()).removeClass('active');

从活跃的孩子中删除班级

1 个答案: