Удалить класс из активного дочернего элемента

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');

, если я проверяю в Dev Tools, он удаляетКласс d-none, но не для моего [активного], он удаляет его из элемента, который был в этом состоянии в предыдущем событии щелчка.

Я пытаюсь использовать функцию .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');