javascript - 如何使用 jquery 隐藏特定的 li

Question

我有一个像这样的 ul li 结构

<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>

我需要隐藏“简单文本奇数”li下面的所有li。我们该怎么做

我试过了

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

有人可以帮忙吗？提前致谢

Answer 1

尝试使用.nextAll(selector)在这种情况下，

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

DEMO