2

子ノードを選択し、各 div の背景色をランダムに変更して、ページがどのように分割されているかをすぐに確認できるようにしています。hex を生成する素敵な小さなスクリプトを見つけましたが、それを選択した divs に適用するのに苦労しています。

これは 16 進値を返します。

function random_color() {
var letters = '0123456789ABCDEF'.split('');
var color = '#';
for (var i = 0; i < 6; i++ ) {
    color += letters[Math.round(Math.random() * 15)];
}
return color;
};

そして、これは子をループしてランダムな値を割り当てることではありません。

function loop(){
children = $("#container").children();
$(children).each(function(){
    $(this).css("background-color", random_color());
   }    
};

loop();

これを捨てようと思っただけです。

前もって感謝します。

4

5 に答える 5

2

すでにjqueryオブジェクトであるため、$必要ありませんchildren

children.each(function(){
  $(this).css("background-color", random_color());
 });
//^^---here    
};

そして、それぞれの閉じ括弧を見逃していることに気付き)ました...

于 2013-04-19T12:40:45.773 に答える
1

childrenすでにすべての子要素が含まれています..

だから使用：

function loop(){
children = $("#container").children();
children.each(function(){                  //<----  children instead of $(children)
   $(this).css("background-color", random_color());
 });    
};
于 2013-04-19T12:40:31.317 に答える
0

これを試して 

$("#container").children().each(function() {      

     var letters = '0123456789ABCDEF'.split('');
     var color = '#';
      for (var i = 0; i < 6; i++ ) 
       color += letters[Math.round(Math.random() * 15)];
        $(this).css("background-color", color);

});

また

$("#container").children().each(function() { 
        $(this).css("background-color", random_color());   
});

また

 children.each(function(){
 $(this).css("background-color", random_color());
});
于 2013-04-19T12:40:23.257 に答える
0

.children()すでに jquery オブジェクトを返しているため、次の行を置き換えます。

$(children).each(function(){

これについて：

children.each(function(){
于 2013-04-19T12:41:18.027 に答える
0

まず... $() をラップせずに children.each を使用できます。第二に...divのスタイルを設定しましたか？つまり、ウィズとハイトはありますか？

于 2013-04-19T12:42:45.930 に答える