【问题标题】:JQuery Hide list items more than 5 code issueJQuery隐藏列表项超过5个代码问题
【发布时间】:2011-12-25 20:22:06
【问题描述】:

我正在使用以下代码:

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

谁能发现问题?

【问题讨论】:

    标签: javascript jquery


    【解决方案1】:

    试试这个(更干净):

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

    http://jsfiddle.net/NLDTF/

    【讨论】:

      【解决方案2】:
      1. $(document).ready(function() { //TODO Something... });

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

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

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2011-10-01
        • 1970-01-01
        • 2013-07-21
        • 2015-07-12
        • 1970-01-01
        • 2019-12-10
        • 1970-01-01
        • 2023-03-20
        相关资源
        最近更新 更多