Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/387.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用jQuery显示前8个元素?_Javascript_Jquery_Dom - Fatal编程技术网

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();