Question

我有一个项目列表（<li>），其中有50个项目，我只想显示前8个项目......我怎么能这样做？

Answer 1

$("li:lt(8)").show();

这将选择前8个li元素。：li选择索引小于所选数字的元素。

Answer 2

$('li:gt(7)').hide();

你使用7因为它是一个基于零的索引。

Answer 3

使用the less-than selector选择索引小于8的所有列表项（索引8是第九个列表项）。然后告诉他们：

$("#mylist li:lt(8)").show();

（假设您的列表 - ol或ul - id mylist;相应调整）

如果最初看到某些列表项，则可能需要分两步执行此操作：

$("#mylist li") // select all list items
  .hide() // hide them
  .filter("li:lt(8)") // now select just the first eight
  .show(); // ...and show them.

（实际上，这是过度杀戮，除非显示某些项目而某些项目被隐藏 - 如果您知道所有项目最初都可见，您可以使用the greater-than selector简单地隐藏索引为8的项目上面 - as Corey demonstrates）

Answer 4

$（“li：lt（8）”）：lt选择索引小于8的所有li元素

我如何使用jQuery来显示前8个元素？

4 个答案: