如何才能拥有包含多个多个div div它可能4-6-8如何使用Jquery使它们适合页面加载

Question

如果一个div包含多个多个div，它可能是4-6-8，那么我如何使用Jquery使它们适合页面加载。

<div id="main">
 <div class="box"></div>
 <div class="box"></div>
 <div class="box"></div>
 <div class="box"></div>
</div>

我想创建一个jquery函数，它可以通过在页面加载时阻止子div的高度和宽度来使它们适合父div。

Answer 1

我要试一试，希望我认为你想要的就是你真正想要的。我假设您希望在页面加载后向<div id="main">元素中插入动态数量的<div class="box">元素。如果是这样的话，这应该是可行的：

HTML

<div id="main"></div>

jQuery

function createBoxes(numberOfBoxes) {
    var $box = $('<div/>').addClass('box');
    var $container = $('#main');
    for(var i = 1; i <= numberOfBoxes; i++) {
        $container.append($box.clone().text(i));   
    }
}

$(function() { // calls createBoxes() when the DOM is ready
               // shortened version of $(document).ready(function() {
    createBoxes(4);
});