Скрыть цену, когда товар имеет класс - javascript

Question

У меня есть категория со многими продуктами. Но только один продукт имеет определенный класс. Мне нужно искать в этом классе и скрывать цену только за этот продукт.

Этот код скрывает цены на все товары:

$(document).ready(function(){
    if($('.flag').length > 0)
    $('.prices').hide();
});

Это пример кода сайта:

<div class="products">
  <div class="product">
    <div class="flag">
  ...
    </div>
    <div class="prices">
  ...
    </div>

  <div class="product">
    <div class="flag2">
  ...
    </div>
    <div class="prices">
  ...
    </div>

  <div class="product">
    <div class="flag3">
  ...
    </div>
    <div class="prices">
  ...
    </div>

  <div class="product">
    <div class="flag4">
  ...
    </div>
    <div class="prices">
  ...
    </div>
</div>

Спасибо.

Answer 1

Я предполагаю в некоторой степени, но может ли быть так, что вы хотите скрыть цену за продукт, которому присвоен класс flagx? (В следующем примере используется x=3).

Если это так, может помочь следующее:

$(document).ready(function(){
    $('.flag3').next('div').hide();
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="products">
  <div class="product">
    <div class="flag">
    flag
    </div>
    <div class="prices">
    prices for flag
    </div>

  <div class="product">
    <div class="flag2">
  flag2 div
    </div>
    <div class="prices">
  prices for flag2
    </div>

  <div class="product">
    <div class="flag3">
  flag3 div
    </div><div class="prices">
    prices for flag3
    </div>

  <div class="product">
    <div class="flag4">
    flag4
    </div>
    <div class="prices">
    prices for flag4
    </div>
</div>

Answer 2

Если я не ошибаюсь $('.flag .prices').hide() должно работать без каких-либо дополнительных проверок. Если вам нужно что-то еще сделать с этим контейнером, просто используйте

$('.flag').each((_, containerEl) => {
    //...your code where containerEl is your container element reference ...
})

Но это не сработает, если у вас какая-то ленивая загрузка. Это будет немного сложнее.