javascript - 关于一个获取数据问题-PHP中文网问答

补全图片

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        html,body{margin:0;padding:0;}
        .animationbox{width:500px;margin:10px auto;}
        .animationbox .uu{width:200px;height:200px;margin:10px;float:left;border:1px solid #ccc}
        .animationbox img{float:left;}
    </style>
</head>
<body>
    
    <p class="animationbox">
        <p class="uu">
            <img src="http://file3.u148.net/2011/4/images/1302139153715.jpg" width="100" height="100"/>
            <img src="http://file3.u148.net/2011/4/images/1302139115130.jpg" width="100" height="100"/>
            <img src="http://file3.u148.net/2011/4/images/1302139127832.jpg" width="100" height="100"/>
            <img src="http://file3.u148.net/2011/4/images/1302139131446.jpg" width="100" height="100"/>
        </p>
        <p class="uu">
            <img src="http://file3.u148.net/2011/4/images/1302139153715.jpg" width="100" height="100"/>
            <img src="http://file3.u148.net/2011/4/images/1302139115130.jpg" width="100" height="100"/>
        </p>
    </p>
    <script src="http://cdn.bootcss.com/jquery/2.2.1/jquery.js"></script>
    <script>

        $(function() {
            
        });
                
    </script>
      
</body>
</html>

$(function() { var uus = $("p.uu"); var totoalNum = 4; for(var i =0 ;i <uus.length;i++){ var childreNum = uus[i].children.length if(childreNum < totoalNum){ var fillNum = totoalNum-childreNum; for(var j =0 ;j < fillNum;j++){ $(uus[i]).append('<img src="http://file3.u148.net/2011/4/images/1302139115130.jpg" width="100" height="100"/>'); } } } });

$(document).ready(function(){ $.each($('p.uu'), function(item, val){ var num = 4 - $(val).find('img').length; $(val).append($(appendImgs(num))); }); }); function appendImgs(num){ var img = '<img src="http://file3.u148.net/2011/4/images/1302139115130.jpg" alt="" title="" width="100" height="100" />'; var imgs = ''; if(num == 0){ return ''; }else{ for(var i=0; i<num; i++){ imgs += img; } } return imgs; }