Javascript Jquery:隐藏包含作为子代的元素的div
我有两个Javascript Jquery:隐藏包含作为子代的元素的div,javascript,jquery,Javascript,Jquery,我有两个div元素具有相同的类。使用jQuery,如何将display:none设置为包含select 35; s2的div <div class="demoClass"> <div class="innerdiv"> <select id="s1"/> </div> </div> <div class="demoClass"> <div class="innerdiv">
div
元素具有相同的类。使用jQuery,如何将display:none
设置为包含select 35; s2
的div
<div class="demoClass">
<div class="innerdiv">
<select id="s1"/>
</div>
</div>
<div class="demoClass">
<div class="innerdiv">
<select id="s2"/>
</div>
</div>
我不熟悉jQuery。请帮忙。
$(“#s2”).parent(.innerdiv”).parent(.demoClass”).hide()代码>
例子
你好
您可以使用选择器检查一个元素是否包含另一个元素
$('.demoClass:has(#s1)').hide()
$('.demoClass:has(#s1)).hide()
aaa
弗斯特
BBB
第二
尝试以下操作
$("#s2").closest(".demoClass").hide();
$('.demoClass:has(#s1)).hide()
$('#s1').parent().hide();ID是唯一的。您可以直接选择它们。$(“#s1”).parent.hide();:)@Bhojendra Nepal:他想选择父级div
,而不是select
元素:.demoClass
不是select的父级。innerdiv
是select的父级,因此根据OP要求,此错误仍然不正确div包含select#s2