У меня есть некоторые проблемы с моим кодом, я хочу скрыть div, если для каждого продукта присутствует один div. Я использую .length для определения наличия div.
Есть два div:
Раздел 1: продукт для покупки
Раздел 2: Продажа продукта
Сегодня они показывают два div, я хочу, чтобы div скрыл div 1, если div 2 присутствует в продукте.
Это работает для этого случая, но если продукт просто проверяется, чтобы «купить», div скрывается.
$(document).ready(function () {
$('.item-wrap').each(function () {
if ($('span.label-status-82').length){ // return's true if element is present
// show or hide another div
$("span.label-status.label-status-69.label.label-default").hide();
}
else {
$("span.label-status.label-status-69.label.label-default").show();
}
});
});<script src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class = "figure-block">
<figure class = "item-thumb">
<div class = "label-wrap label-right">
<span class = "label-status label-status-69 label label-default"><a href = "">ACHETER</a></span><span class = "label-status label-status-82 label label-default"><a href = "#">VENDU</a></span> </div>
</a>
<div class = "item-price-block hide-on-list">
<span class = "item-price item-price-text"></span> </div>
</figure>
</div>Я пробовал с этим кодом
$('.label-wrap.label-right').each(function(index, domEle){
if ($("span.label-status").hasClass("label-status-82")) {
console.info('test');
$("span.label-status.label-status-69.label.label-default").hide();
}
else if ($(".label-wrap.label-right span.label-status").hasClass("label-status-69")) {
console.info('test2'); $("span.label-status.label-status-69.label.label-default").show();
}
});
Это работает только для if, каждой остановки после :'(. Спасибо
@LouisBepalme, пожалуйста, опубликуйте соответствующий пример кода html, когда просите о помощи с javascript/jquery.
Я обновляю свое сообщение с помощью HTML! Большое спасибо
Вы используете «если», за которым следует «иначе, если». Если код выводит «test», он никогда не попадет в «test2».
Как я могу заставить его пройти тест2?
В вашем коде есть начальный тег </a>. Пожалуйста, исправьте, так как недействительный HTML вызывает всевозможные проблемы.



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


вы можете использовать функцию
.hasClass('<class_name>')для проверки наличия данного класса.