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>

我需要隐藏＆＃34;简单文字奇数＆＃34;以下的所有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

Answer 2

您可以将.nextAll()与.hide()一起使用：

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

<强> Working Demo

Answer 3

试试这个：

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

如何使用jquery隐藏特定的li

3 个答案:

DEMO