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

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

有人能发现问题吗?

最佳答案

试试这个(更干净):

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

http://jsfiddle.net/NLDTF/

关于javascript - JQuery隐藏列表项超过5个代码问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8629109/

相关文章:

javascript - AJAX 未从 PHP 脚本返回预期输出

javascript - Modal快速消失+Bootstrap+Javascript

javascript - 相当于 jQuery .animate() 的纯 JS

javascript - 使 Highcharts 中的系列可点击

jquery - Rails 4 - jQuery 动画旋转 - 几乎可以正常使用

javascript - 使用 JSP 和 Ajax 加载数据的最佳实践是什么?

JavaScript 不会解析 GMT 日期/时间格式

javascript - 在哪里可以找到 DOM 方法(?)(例如appendChild())的引用列表?

javascript - 是否有可能仅使用 CSS 和 HTML 制作一个鼠标悬停就会消失的组件?

jQuery Masonry 和 Ajax 附加项目?