我在一个父div中有一个子div,就像这样
<div id="parent" style="background-color: #75941f;
color: #FFF;
border: 1px outset #4f6417;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;height:100%;width:100%;">
<div id="child1" style="float:left;width:50%;text-align:center"></div>
<div id="child2" style="float:right;width:50%;text-align:center"></div>
</div>
我正在使用jquery
使用
var rand1 = Math.floor(Math.random() * 10) + 1,
i;
function getImage(){
var img = new Image();
img.src = "apple_transparent.gif"
img.width = 80;
img.height=80;
return img;
}
for (i=0; i<rand1; i++){
$("#child1").append(getImage());
$('#child1').append('<img id="theImg" src="numbers/' + rand1 + '.png" width="260px" height="260px"/>');
按照上面的相同过程,我也将对象放在我的另一个div中。但我的问题是,如果rand1
变量将7个对象放入child1
并且rand2
变量将2个对象放入{ {1}}那我如何才能将div的对象的图像以及层次的对象相互匹配?