0

这是我想要做的事情,我有一个下拉列表,我想要显示类别(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();
});
4

1 回答 1

0

如果我正确理解你,你想要这样的东西所以你只需使用:

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

这样,您只需查找找到的第一个 li.level-0,而不是全部。

于 2013-10-11T13:56:01.320 回答