JQuery隐藏列表项超过5个代码问题

JQuery Hide list items more than 5 code issue

本文关键字:5个 代码 问题 隐藏 列表 JQuery      更新时间:2023-09-26

我使用以下代码:

<script>
$(document).ready(function() {
    $(function() {
  $("ul.items").each(function() {
    $("li:gt(4)", this).hide();
  });
});
});
</script>

基本上它没有隐藏任何东西…

下面是代码的列表部分:
<ul class="items">
<li>One</li>
<li>Two</li>
<li>Three</li>
<li>Four</li>
<li>Five</li>
<li>Six</li>
<li>Seven</li>
</ul>

有人能发现问题吗?

试试这个(干净多了):

$(document).ready(function() {
       $("ul.items li:gt(4)").hide();
});
http://jsfiddle.net/NLDTF/

  1. $(document).ready(function() { //TODO Something... });

  2. $(function(){ //TODO something });

2 == 1,你应该用其中的一个,不要把2写成1