0

複数の複数のdivを含むdivを作成するにはどうすればよいですか？4-6-8Jqueryを使用してページの読み込みにそれらを合わせるにはどうすればよいですか。

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

ページの読み込み時に高さと幅を停止することで、子divを親divに適合させることができるjquery関数を作成したいと思います。

4

1 に答える 1

0

私は突き刺すつもりです、そして私があなたが望むと思うものがあなたが実際に望むものであることを望みます。ページが読み込まれたときに、動的な数の<div class="box">要素を要素に挿入するとします。<div id="main">その場合、これは機能するはずです。

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);
});

デモ

于 2012-06-14T11:03:44.800 に答える