если у родителя есть дочерний класс, то скрыть класс div-класса mother div с помощью CSS или Jquery - PullRequest
Новая
       4

если у родителя есть дочерний класс, то скрыть класс div-класса mother div с помощью CSS или Jquery

0 голосов
/ 20 ноября 2018

Подскажите, пожалуйста, как мне спрятать мать .secondchild, если у родителя есть дочерний класс.

Вот код

HTML-код 

<div class="parent">
    <div class="child">
        children
    </div>
</div>
<div class="mother">
    <div class="secondchild">
        second-child
    </div>
</div>

Здесьмой скрипт, но не работает 

if ($(".parent").hasClass("child")) {    
    $('.mother .secondchild').hide()
}

Ответы [ 4 ]

0 голосов
/ 20 ноября 2018

Вы просто меняете «hasclass» на «has», тогда он работает. 

if($('.parent').has('.child')){
   $('.mother .secondchild').hide();
}
0 голосов
/ 20 ноября 2018 

    $(function(){
        $("body").on("click",".click",function(){
            if ($(".parent ").children("div.child")) {
                $('.mother .secondchild').hide()
            }
        })
    });
<html>
<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
    <div class="parent">
        <div class="child">
            children
        </div>
    </div>
    <div class="mother">
        <div class="secondchild">
            second-child
        </div>
    </div>
    <button class="click">
        button
    </button>
</body>
</html>
0 голосов
/ 20 ноября 2018

Выполните эту работу без if условия 

$(".parent:has(.child)").next().find(".secondchild").hide()
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="parent">
  <div class="child">
    children
  </div>
</div>
<div class="mother">
  <div class="secondchild">
    second-child
  </div>
</div>
0 голосов
/ 20 ноября 2018

, поскольку у вашего родительского div нет класса с именем child, ваш скрипт не даст желаемого результата.попробуйте это 

if($('.parent').children().hasClass('child')){
    $('.mother .secondchild').hide();
}

ДЕМО ЗДЕСЬ

РЕДАКТИРОВАТЬ

На основании комментария ОП скрытый div в нажатии кнопки.

HTML 

<button id="btnClick">
Click Me
</button>

JS 

$('body').on('click','#btnClick','',function(){
   if($('.parent').children().hasClass('child')){
      $('.mother .secondchild').hide();
   }
});

ОБНОВЛЕНО ДЕМО

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...