Перебрать блоки и если в каком то есть определенный класс,скрыть класс
Есть такая структура
<div class="products-view-block-custom">
<div class="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="block_payment_custom-cc">
<a href="">заказ</a>
</div>
</div>
<div class="products-view-block-custom">
<div class="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="block_payment_custom-cc">
<a href="">заказ</a>
</div>
</div>
<div class="products-view-block-custom">
<div class="block">
<div class="price">
<div class="price-unknown">Свяжитесь с нами насчет цены</div>
</div>
</div>
<div class="block_payment_custom-cc">
<a href="">заказ</a>
</div>
</div>
Нужно перебрать каждый блок и если внутри блока price есть блок price-unknown,то у родительского блока нужно скрыть блок block_payment_custom-cc По циклу прохожусь ,но как вычислить что у блока есть или нет price-unknown не понимаю |
INSIDER73,
Здравствуйте, так пойдет?
<script>
window.addEventListener("load", function() {
[].forEach.call(document.querySelectorAll(".products-view-block-custom"), function(e){
if (e.querySelector(".price .price-unknown")){
e.querySelector(".block_payment_custom-cc").style.display = "none";
}
});
})
</script>
<div class="products-view-block-custom">
<div class="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="block_payment_custom-cc">
<a href="">заказ</a>
</div>
</div>
<div class="products-view-block-custom">
<div class="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="block_payment_custom-cc">
<a href="">заказ</a>
</div>
</div>
<div class="products-view-block-custom">
<div class="block">
<div class="price">
<div class="price-unknown">Свяжитесь с нами насчет цены</div>
</div>
</div>
<div class="block_payment_custom-cc">
<a href="">заказ</a>
</div>
</div>
|
$(function() {
$('.block_payment_custom-cc').css('display', function() {
return $(this).prev().find('.price-unknown').length ? 'none' : 'block'
})
});
|
Спасибо,работает
|
| Часовой пояс GMT +3, время: 10:32. |