jquery - 在 css 或 jquery 中隐藏列表的其余部分

Question

是否可以隐藏 list 示例的其余部分？我在 list 中有 10 个元素，我想在 4 个 list 之后隐藏所有列表元素:

<ul>
  <li>list</li>
  <li>list</li>
  <li>list</li>
  <li>list</li>
  <li>hide this list</li>
  <li>hide this list</li>
  <li>hide this list</li>
  <li>hide this list</li>
  <li>hide this list</li>
  <li>hide this list</li>
</ul>

Answer 1

你可以用 :nth-child...

li:nth-child(n+5) {
  display: none;
}

更多信息:http://nthmaster.com/