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

时间:2011-12-25 09:59:38

标签: javascript jquery

我使用以下代码:

<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>

有人能发现问题吗?

2 个答案:

答案 0 :(得分:3)

试试这个(更清洁):

$(document).ready(function() {
       $("ul.items li:gt(4)").hide();
});

http://jsfiddle.net/NLDTF/

答案 1 :(得分:1)

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

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

  3. 2 == 1,您应该使用其中一个,不要将2写入1.