Перебрать блоки и если в каком то есть определенный класс,скрыть его?

Question

[viktorulyushev]

Есть примерно такая структура

<div class="custom_block">
      <div class="price">
             <div class="price-unknown">Свяжитесь с нами насчет цены</div>
      </div>
</div>
<div class="custom_block">
   <div class="price">
          <div class="price-current cs-t-1">
                 <div class="price-number"> 20 000</div> 
                 <div class="price-currency"> руб.</div>
         </div>
   </div>
</div>
<div class="custom_block">
   <div class="price">
          <div class="price-current cs-t-1">
                 <div class="price-number"> 20 000</div> 
                 <div class="price-currency"> руб.</div>
         </div>
   </div>
</div>

Нужно прогнять эти блоки по циклу и проверять есть ли у каждого из этих блоков класс price-unknown,если есть то скрывать блок block_payment_custom у текущего custom_block ,не понимаю как нужно построить скрипт,прохожу each по custom_block,пытаюсь проверять наличие класса с помощью is но не выходит

Answer 1

[copyhold]

А CSS?

.price-unknown ~ .block_payment_custom { display: none; }

конечно если они сиблинги.

Comments

[viktorulyushev]

нет,так не выйдет,надо через js

Answer 2

[Артём Лучников]

Должно получиться что-то типа такого:

$('.custom_block').each(function() {
    if ($(this).find('.price-unknown').length) {
        $(this).find('.block_payment_custom').hide();
    }
});

Comments

[viktorulyushev]

что то никак не поулчается чтоб заработало

Answer 3

[Stalker_RED]

$('.custom_block .price-unknown').each(function() {
  $(this).closest('.custom_block').find('.block_payment_custom').hide();
});