4

ドキュメントの準備ができたら、変数にデータを入力し、それらを使用して、クラスが。のdivの数を作成するforループを実行しますbox。 それらが均等に分散されるように、possibleそれらのdivにランダムにクラスを追加したいと思います。boxたとえば、クラスが100 divになるとするとbox、それらのdivの乱数にもクラスが必要になりpossibleます。

これをどのように行うことができるかについてのアイデアはありますか?以下に現在のコードを含めました。

ありがとう

$(document).ready(function() {
    var wrapper = $('.wrapper');
    var wrapperWidth = wrapper.width();
    var wrapperHeight = wrapper.height();
    var wrapperArea = wrapperWidth * wrapperHeight;
    var boxWidthHeight = 30;
    var boxArea = boxWidthHeight * boxWidthHeight;
    var boxCount = wrapperArea / boxArea;
    alert(boxCount);
    for(var i = 0; i < boxCount; i++) {
        $('.wrapper').append('<div class="box"></div>');
    }
});
4

4 に答える 4

4

Math.random()を使用するだけです。

擬似コードの場合:

if (Math.random() < .5) //Or any other fraction
   addDivWithPossibleClass();
else
   addDivWithoutPossibleClass();
于 2012-06-04T05:19:00.367 に答える
1

意味は:

for(var i = 0; i < boxCount; i++) {
        var newClass = "box" + ((i % 2 == 0) ? " posible" : "");
        $('.wrapper').append('<div class="'+newClass+'"></div>');
    }
于 2012-06-04T05:19:34.327 に答える
0

ここで、これはあなたを大いに助けます。

for(var i = 0; i < boxCount; i++) {

    // generating a random number between boxCount
    var randomnumber = Math.floor(Math.random()*boxCount)

    //checking if that is odd or even, based on that giving out result
    if (randomnumber%2 == 0) {
        $('.wrapper').append('<div class="box"></div>');
    } else {
        $('.wrapper').append('<div class="box possible"></div>');
    }

}
于 2012-06-04T06:02:54.827 に答える
0

私はプロではありませんが、これを行うことで得ました

$(document).ready(function() {
var wrapper = $('.wrapper');
var wrapperWidth = wrapper.width();
var wrapperHeight = wrapper.height();
var wrapperArea = wrapperWidth * wrapperHeight;
var boxWidthHeight = 31;
var boxArea = boxWidthHeight * boxWidthHeight;
var boxCount = 30;
//alert(boxCount);
for(var i = 0; i < boxCount; i++) { 
    $('.wrapper').append('<div class="box'+getRandom()+'">'+i+'</div>');    
}

function getRandom() {
//get a random number between 1 and 10
var randomSomething = Math.floor((Math.random()*10)+1);
// if the number is over 5 return the "possible" class else dont
    if(randomSomething > 5){
        return ' possible';
        }else{return '';}
}

});

10 を増減して、出現するランダムな可能性の数に影響を与えます。

于 2012-06-04T05:46:39.040 に答える