jQueryのCSSで値に変数を使う方法

質問

jQueryでCSSを設定する際、

$("div").css("プロパティ","値");

とすると思いますが、この値の部分に変数を利用することはできないのでしょうか。

何がしたいかというと、for文の中で乱数を発生させ、それを値として使いたいのです。

for(i=0; i<10; i++){
var num = Math.floor(Math.random()*100);
$("div:eq(i)").css("width",num);
}

このように書いてみましたが駄目でした。

値に変数を使う方法はありませんでしょうか。

できない場合、このような方法（CSSの値に乱数を使う）を実現できる方法はありませんでしょうか。

回答No.1

LancerVII · ベストアンサー

こんにちは。

もちろん変数で設定することできますよ。

$('div#test div').each ( function(i) {
var num = Math.floor(Math.random()*100);
$(this).css ( 'width', num );
});

これで実験しましたが、きちんと反映されていました。

<div id="test">
<div>a</div>
<div>b</div>
<div>c</div>
<div>d</div>
</div>
セレクタ部分の指定が
$("div:eq("+i+")").css("width",num);
ではないでしょうか。
iを変数として扱ってあげないといけません。

お礼

まさに仰るとおりでした！

"div:eq("+i+")"　にしたところ機能しました。

初歩的なミスでお恥ずかしい；；

ありがとうございました！