javascript - 关于一个获取数据问题
本文介绍了javascript - 关于一个获取数据问题的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
补全图片
<!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>
<div class="animationbox">
<div 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"/>
</div>
<div 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"/>
</div>
</div>
<script src="http://cdn.bootcss.com/jquery/2.2.1/jquery.js"></script>
<script>
$(function() {
});
</script>
</body>
</html>
解决方案
$(function() {
var uus = $("DIV.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"/>');
}
}
}
});
这篇关于javascript - 关于一个获取数据问题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文