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();
}