Question

请告诉我，如果父母上有子女班，我怎么藏母亲.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()
}

Answer 1

由于您的父div没有名为child的类，因此您的脚本不会提供所需的输出。试试这个

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

DEMO HERE

编辑

基于OP的评论，将div隐藏在按钮点击中。

HTML

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

JS

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

UPDATED DEMO

Answer 2

    $(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>

Answer 3

在没有任何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>

Answer 4

您只需将“ hasclass”更改为“ has”即可。

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

如果父级具有子类，则使用CSS或Jquery隐藏母体div secondchild类

4 个答案: