jQuery基于当前类隐藏了以前的类

时间:2013-10-11 13:42:02

标签: jquery

继承人我试图做什么,很多我有一个下拉菜单,我想要显示类别(级别0)和子类别(级别1)。 如果有子类别,我想隐藏父类。我使用jquery但它没有做我需要的。

任何人都可以提供帮助。

<ul class="chzn-results">
        <li style="" class="active-result result-selected" id="cat_chzn_o_0">Select category</li>

        <li style="" class="active-result level-0" id="cat_chzn_o_1">Amphibians</li>

        <li style="" class="active-result level-0" id="cat_chzn_o_2">Arthropods</li>

        <li style="" class="active-result level-1" id="cat_chzn_o_3">&nbsp;&nbsp;&nbsp;Insects</li>

        <li style="" class="active-result level-1" id="cat_chzn_o_4">&nbsp;&nbsp;&nbsp;Scorpions</li>

        <li style="" class="active-result level-1" id="cat_chzn_o_5">&nbsp;&nbsp;&nbsp;Spiders</li>

        <li style="" class="active-result level-1" id="cat_chzn_o_6">&nbsp;&nbsp;&nbsp;Crustaceans</li>

        <li style="" class="active-result level-0" id="cat_chzn_o_7">Birds</li>

        <li style="" class="active-result level-0" id="cat_chzn_o_8">Fish</li>

        <li style="" class="active-result level-0" id="cat_chzn_o_9">Fungi and Lichens</li>

        <li style="" class="active-result level-0" id="cat_chzn_o_10">Mammals</li>

        <li style="" class="active-result level-0" id="cat_chzn_o_11">Mollusks</li>

        <li style="" class="active-result level-0" id="cat_chzn_o_12">Other</li>

        <li style="" class="active-result level-0" id="cat_chzn_o_13">Plants</li>

        <li style="" class="active-result level-0" id="cat_chzn_o_14">Reptiles</li>
    </ul>


jQuery(".chzn-results li.level-1").each(function(index, value) {
    jQuery(this).prevAll().hide();
});

1 个答案:

答案 0 :(得分:0)

如果我理解正确你想要this之类的东西,那么你只需使用:

jQuery(".chzn-results li.level-1").each(function(index, value) {
    jQuery(this).prevAll('li.level-0').hide();
});

这样你就可以找到你找到的第一个li.level-0,而不是全部。