jquery 指定多出数据移除-CFANZ编程社区

背景：

是之前的程序员写的，代码生成了DLL；无法修改源码；但是由于数据增多，把布局撑破了；

其实，这个问题想想应该有两个解决方案，

第一个：比较简单用CSS超出部分直接隐藏；

第二个：就是jq写，遍历条数，然后把不超过的条数隐藏起来

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jquery 指定多出数据移除</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
    $("li").click(function(){
        alert($(this).index());
    });
});
</script>
</head>
<body>

<p>点击获取列表项的索引位置,相对于它的兄弟元素</p>
<ul id="cp_display_8_none">
    <li>1Coffee</li>
    <li>2Milk</li>
    <li>3Soda</li>
    <li>4Coffee</li>
    <li>5Milk</li>
    <li>6Soda</li>
    <li>7Coffee</li>
    <li>8Milk</li>
    <li>9Soda</li>
    <li>10Coffee</li>
    <li>11Milk</li>
    <li>12Soda</li>
</ul>

    <script>
         
$(document).ready(function(){
var cp_node="#cp_display_8_none li";
var num_length=$(cp_node).length; 
    alert(num_length);
    for(var i=0;i<=num_length;i++)
    {
        if(i>8)
        {
            $(cp_node+":nth-of-type("+i+")").hide();
        }
    }
});
</script>
</body>
</html>