[英]How to hide particular li using jquery
I have a ul li structure like this 我有这样的ul结构
<ul class="uniform">
<li class="first-child odd"></li>
<li class="even"></li>
<li class="odd"></li>
<li class="even"></li>
<li class="odd"></li>
<li class="even"></li>
<li class="odd"></li>
<li class="simple-text odd></li>
<li class="simple-text even"></li>
<li class="odd"></li>
<li class="simple-text even"></li>
<li class="odd"></li>
<li class="simple-text even"></li>
<li class="odd"></li>
</ul>
I need to hide all the li below the "simple-text odd" li.How can we do this 我需要将所有li都隐藏在“纯文本奇数” li下。我们如何做到这一点
I tried 我试过了
<script>
$(window).load(function(){
$('li').siblings('.simple-text.odd').hide();
});
</script>
can any one help?Thanks in advance 有谁可以帮忙吗?
Try to use .nextAll(selector)
in this context, 尝试在这种情况下使用
.nextAll(selector)
,
$('li.simple-text.odd').nextAll('li').hide();
You can use .nextAll()
along with .hide()
: 您可以使用
.nextAll()
连同.hide()
$('.simple-text.odd').nextAll().hide();
尝试这个:
$('li.simple-text.odd').nextAll().hide();
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.