jquery - 无法隐藏 div 内的嵌套列表

Question

我正在尝试隐藏一个在 div 内的另一个无序列表内的列表

<div id="cssmenu">
<ul class="menuoptions">
   <li>

    </li>

     <li>
    </li>

     <li class="Admin">

   </li>
</ul>

</div>

我需要隐藏无序列表中的第三个列表。

这是我尝试过但不起作用的方法：

 $(#cssmenu .menuoptions ul.Admin).slice(3).hide();

请帮忙..

score 2 · Accepted Answer

由于您使用的是li.Admin选择器，因此查询仅返回一个元素，因此.slice(3)不会返回任何要隐藏的元素

$('#cssmenu .menuoptions li.Admin').hide();

score 2 · Accepted Answer

你可以：

$("li.Admin").hide();

或者

$("#cssmenu").find("li.Admin").hide();

或者

$("#cssmenu").find('li').eq(2).hide();

score 1 · Accepted Answer

您可以使用 css 执行此操作：

#cssmenu .menuoptions .Admin { 
    display:none; 
}

并使用 jQuery：

$('#cssmenu').find('li.Admin').hide();

score 0 · Accepted Answer

您可以通过其他两个答案建议的类名来执行此操作，或者如果您确实需要第三个元素：

$(#cssmenu .menuoptions li).eq(2).hide();

顺便说一句，您正在使用ul.Admin，但实际上您有一个li.Admin

score 0 · Accepted Answer

试试这个...这将帮助您在 ul 列表中隐藏多个类..

$("#cssmenu ul li").each(function () {
    if ($(this).attr('class') == "Admin")
            $(this).hide();
});

5 回答 5