Как скрыть блок owl-item по child id? JS / CSS

Question

Имеется:

<div class="owl-item">
<div class="id_102">
...
</div>
</div>

Как скрыть весь блок owl-item с под-классом id_102 по JS или CSS?

Проделал:

.owl-item .id_102 {
display:none;
}

$(".owl-item, .id_102").parent().hide();

не получается скрыть весь блок owl-item с под-классом id_102

Answer 1

Метод $(".owl-item, .id_102").parent().hide(); скроет все родительские элементы.. Если правильно понял задачу, такой вариант...

function hid () {
  $(".owl-item, .id_102").hide();
}

.owl-item {
  height: 50px;
  width: 200px;
  background: red;
  margin:0 auto;
}
.cont{
  height: 90px;
  width: 250px;
  background: green;
}
.id_102 {
  height: 20px;
  width: 100px;
  background:black;
  color: white;
  text-align: center;
  margin:0 auto;
  cursor: pointer;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="cont">
  <div class="owl-item">
    <div class="id_102" onclick='hid()'>Щёлкни</div>
  </div>
</div>

БЛОГ НА HUSL

Как скрыть блок owl-item по child id? JS / CSS

Ответы (1 шт):