Скрыть div с переключателем

У меня есть некоторые проблемы с моим кодом, я хочу скрыть 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, каждой остановки после :'(. Спасибо

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

Jan Lois 18.02.2019 00:13

@LouisBepalme, пожалуйста, опубликуйте соответствующий пример кода html, когда просите о помощи с javascript/jquery.

Rachel Gallen 18.02.2019 00:21

Я обновляю свое сообщение с помощью HTML! Большое спасибо

Louisb 18.02.2019 22:27

Вы используете «если», за которым следует «иначе, если». Если код выводит «test», он никогда не попадет в «test2».

Jennifer Goncalves 19.02.2019 15:45

Как я могу заставить его пройти тест2?

Louisb 19.02.2019 16:12

В вашем коде есть начальный тег </a>. Пожалуйста, исправьте, так как недействительный HTML вызывает всевозможные проблемы.

Jennifer Goncalves 19.02.2019 19:58
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
6
82
0

Другие вопросы по теме