How to hide particular li using jquery

Question

I have a ul li structure like this

<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

I tried

<script>
        $(window).load(function(){
            $('li').siblings('.simple-text.odd').hide();
        }); 
</script>

can any one help?Thanks in advance

Answer 1

Try to use .nextAll(selector) in this context,

$('li.simple-text.odd').nextAll('li').hide();

DEMO

Answer 2

You can use .nextAll() along with .hide() :

$('.simple-text.odd').nextAll().hide();

Working Demo

Answer 3

尝试这个：

$('li.simple-text.odd').nextAll().hide();