Javascript 如何使用jQuery显示前8个元素?
我有一个项目列表(Javascript 如何使用jQuery显示前8个元素?,javascript,jquery,dom,Javascript,Jquery,Dom,我有一个项目列表(),大约有50个,我只想显示前8个项目。。。如何操作?用于选择索引小于8的所有列表项(索引8是第九个列表项)。然后向他们展示: $("#mylist li:lt(8)").show(); (假设您的列表-ol或ul-具有id的mylist;相应调整) 如果某些列表项最初可见,则可能需要分两步执行此操作: $("#mylist li") // select all list items .hide() // hide them .filter("li:lt(8)") /
),大约有50个,我只想显示前8个项目。。。如何操作?用于选择索引小于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.
(实际上,除非某些项目显示,而某些项目隐藏,否则这是过度杀戮-如果您知道所有项目最初都是可见的,您可以使用来简单地隐藏索引为8及以上的项目-)
这将选择前8个li元素。:li选择索引小于所选数字的元素。$(“li:lt(8)”):lt选择索引小于8的所有li元素
$('li:gt(7)').hide();
您使用7是因为它是一个从零开始的索引。列表项是隐藏的还是可见的?您还可以查看jQuery slice()
$('li:gt(7)').hide();