Javascript 若父类有子类,那个么使用CSS或Jquery隐藏母div secondchild类

Javascript 若父类有子类,那个么使用CSS或Jquery隐藏母div secondchild类,javascript,jquery,html,css,Javascript,Jquery,Html,Css,请你告诉我,如果父母有子类,我如何隐藏母亲.secondchild 这是密码 HTML代码 <div class="parent"> <div class="child"> children </div> </div> <div class="mother"> <div class="secondchild"> second-child </div>

请你告诉我,如果父母有子类,我如何隐藏母亲
.secondchild

这是密码

HTML代码

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

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

编辑

根据OP的注释,单击按钮中隐藏的div

Html


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

编辑

根据OP的注释,单击按钮中隐藏的div

Html

$(函数(){
$(“body”)。在(”单击“,”上。单击“,函数(){
如果($(“.parent”).child(“div.child”)){
$('.mother.secondchild').hide()
}
})
});

儿童
第二胎
按钮
$(函数(){
$(“body”)。在(”单击“,”上。单击“,函数(){
如果($(“.parent”).child(“div.child”)){
$('.mother.secondchild').hide()
}
})
});

儿童
第二胎
按钮

在没有任何
条件的情况下进行此项工作

$(“.parent:has(.child)”).next().find(“.secondchild”).hide()

儿童
第二胎

在没有任何
条件的情况下进行此项工作

$(“.parent:has(.child)”).next().find(“.secondchild”).hide()

儿童
第二胎
您只需将“hasclass”更改为“has”,它就可以工作了

if($('.parent').has('.child')){
   $('.mother .secondchild').hide();
}
您只需将“hasclass”更改为“has”,它就可以工作了

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


请格式化你的代码它已经格式化了@EugeneMihaylin@EugeneMihaylin请检查并告诉我怎么做this@bemo检查答案。你不能用CSSPlese格式化你的代码。它已经格式化了@EugeneMihaylin@EugeneMihaylin请检查并告诉我怎么做this@bemo检查答案。你不能用CSSthanks来做这件事,因为你的答案很好但我的div子类在单击按钮时进入,但当我单击该按钮时,该脚本不起作用:(请告诉我怎么做that@bemo是否要隐藏单击按钮时的div?感谢您的精彩回答,但单击按钮时我的div子类将进入,但当我单击该按钮时,此脚本将不起作用:(请告诉我怎么做that@bemo是否要隐藏单击按钮时的div?感谢您的精彩回答,但单击按钮时我的div子类将进入,但当我单击该按钮时,此脚本将不起作用:(请告诉我如何做谢谢你的精彩回答,但我的div child class在单击按钮时进入,但当我单击该按钮时,该脚本不工作:(请告诉我如何做谢谢你的精彩回答,但我的div child class在单击按钮时进入,但当我单击该按钮时,该脚本不工作:(请告诉我如何做现在请检查我已根据您的要求添加了一个按钮。感谢您的精彩回答,但我的div child类在单击按钮时进入,但当我单击该按钮时,此脚本不起作用:(请告诉我如何做现在请检查我已根据您的要求添加了一个按钮。
<button id="btnClick">
Click Me
</button>
$('body').on('click','#btnClick','',function(){
   if($('.parent').children().hasClass('child')){
      $('.mother .secondchild').hide();
   }
});
if($('.parent').has('.child')){
   $('.mother .secondchild').hide();
}