jQuery 如何判断 li的个数超过一个值（如：5）然后新创建一个ul并包含超出的li

详细说明：如下<ulclass="list"><li></li><li></li><li></li><li></li><li></li><li></li><li></li... 详细说明：
如下
<ul class="list">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>

转化为
<ul class="list">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<ul class="list">
<li></li>
<li></li>
</ul> 展开

 我来答

2个回答

#热议# 不吃早饭真的会得胆结石吗？

136775565
2016-09-13 · TA获得超过1113个赞

知道小有建树答主

回答量：866

采纳率：88%

帮助的人：826万

我也去答题访问个人页

关注

展开全部

<!DOCTYPE html>
<html>
<head>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
    $(function(){
        if($('.list li').size() > 4){
            var html = '';
            $.each($('.list li:gt(4)'),function(){
                html += $(this).prop("outerHTML");
                $(this).remove();
            })
            $('.list').after('<ul class="list">' + html + '</ul>')
        }
    })

</script>
</head>
<body>
<ul class="list">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
    <li>7</li>
</ul>
</body>
</html>

判断是否超过指定数量直接用size()来判断超出就执行对象复制的操作，复制的方法就多了，我只是举出我喜欢用的一种

已赞过 已踩过<

评论收起

多啦月梦
2016-09-13 · 超过19用户采纳过TA的回答

知道答主

回答量：49

采纳率：100%

帮助的人：12.7万

我也去答题访问个人页

关注

展开全部

获取页面当前ul下li 的个数（.ul1是你的class）：$(".ul1 li").length
然后使用append方法拼接你组装的html

追问

具体如何呢？

$(function(){
    $('.list').each(function (){
        var len = $(this).length;
        if(len > 5){
           ????? 

       }
    }
})

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

jQuery 如何判断 li的个数超过一个值（如：5）然后新创建一个ul并包含超出的li

其他类似问题

为你推荐：