javascript - 如何隐藏 ul 的最后三行？

Question

我想从我正在使用的 ul 中隐藏前两个 li

  <ul class="newade">
   <li>
     <ul>
       <li>sub1</li>
       <li>sub2</li>
       <li>sub3</li>
     </ul>
   </li>
   <li>Two</li>
   <li>Three</li>
   <li>Four</li>
   <li>Five</li>
</ul>

但是当我尝试使用 JQUERY 隐藏时，我遇到了一个问题，它也包括子列表。

<script type="text/javascript">
  $('.newade').find("li:gt(1)").hide();
</script>

但我想要这样的结果

<ul class="newade">
   <li>
     <ul>
       <li>sub1</li>
       <li>sub2</li>
       <li>sub3</li>
     </ul>
   </li>
   <li>Two</li>
   <li style="display:none;">Three</li>
   <li style="display: none;">Four</li>
   <li style="display: none;">Five</li>
</ul>

Answer 1

使用这一行:$('.newade > li:not(:lt(2))').hide();

$('.newade > li:not(:lt(2))').hide();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="newade">
            <li>
                <ul>
                    <li>sub1</li>
                    <li>sub2</li>
                    <li>sub3</li>
                </ul>
            </li>
            <li>Two</li>
            <li>Three</li>
            <li>Four</li>
            <li>Five</li>
        </ul>