[英]How to apply CSS on parent using its child
Hello I want to apply CSS on parent using its child 您好,我想在使用其子级的父级上应用CSS
<li>
<div>
<label>
<b style="display: none;">Name and Date of Event*: </b>
</label>
</div>
</li>
I want to hidden to list. 我想隐藏列表。 but I don'n know how to Apply CSS.
但我不知道如何应用CSS。
I used just 我只是用
jQuery("b:contains('Name and Date of Event*:')").css('display','none');
But it hidden only <b>
Tag I want to hide li. 但是它只隐藏
<b>
标签,我想隐藏li。
How can I hide parent li using child.Is it Possible. 如何使用子项隐藏父级li?
Use .closest() function. 使用.closest()函数。 It accepts a selector and finds the the appropriate ancestor.
它接受选择器并找到适当的祖先。
$('#btn').on('click', function(){ $("b:contains('Name and Date of Event*:')").parents('li').css('display','none'); })
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <li> Li Content <div> <label> <b style="display: none;">Name and Date of Event*: </b> </label> </div> </li> <button id="btn">Hide li</button>
Why use .closest
and not .parents
? 为什么要使用
.closest
而不使用.parents
?
.closest() .closest()
.parents() 。父母()
You can apply .parents() OR .closest() 您可以应用.parents()或.closest()
Try this 尝试这个
jQuery("b:contains('Name and Date of Event*:')").parents('li').css('display','none');
OR 要么
jQuery("b:contains('Name and Date of Event*:')").closest('li').css({'display':'none'});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.