jquery - div 内にあるネストされたリストを非表示にできない

Question

div内にある他の順序付けられていないリスト内のリストを非表示にしようとしています

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

    </li>

     <li>
    </li>

     <li class="Admin">

   </li>
</ul>

</div>

順序付けされていないリストの 3 番目のリストを非表示にする必要があります。

これは私が試したものですが、機能していません:

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

助けてください..

score 2 · Accepted Answer

li.Adminセレクターを使用しているため、クエリは 1 つの要素のみを返すため.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

他の2つの回答が提案するようにクラス名を介して行うか、本当にTHIRD要素が必要な場合:

$(#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