javascript - 乱数をクラスに挿入する

Question

私がこれを行う場合：

$('.classname').html(Math.floor(Math.random()*10)+1);

「classname」はすべて同じ数字で埋められます。「classname」のすべてのインスタンスを異なる乱数で埋めることは可能ですか?

これを解決するために考えられる唯一の方法は、「クラス名」の各インスタンスを調べて、乱数を1つずつ適用することです。

score 6 · Accepted Answer

$(".classname").html(function(idx, oldValue) {
    return (Math.floor(Math.random()*10)+1);
});

score 4 · Accepted Answer

html メソッドには、関数を受け入れる「オーバーロード」があります。この関数は、内部の html を設定する値を返す必要があります。あなたの場合、次のことができます：

$(".classname").html(function() {
    return (Math.floor(Math.random()*10)+1);
});

関数は実際には 2 つの引数で呼び出されます。1 つ目は選択範囲内の要素のインデックスで、2 つ目は HTML 内の要素の現在の値です。

score 2 · Accepted Answer

jQueryの.each()関数を使用して、指定したセレクターに一致する各要素を反復処理できます-

$.each('.classname',function(index,elem){
  var newRandomNumber = (Math.random()*10)+1;
  $(elem).html(Math.floor(newRandomNumber));
});

each()関数の反復ごとにindex、現在の要素のと要素自体がelemパラメーターに含まれます。

score 1 · Accepted Answer

これを試して

$('.classname').each(function(index) {
    $(this).html(Math.floor(Math.random()*10)+1);
});

score 0 · Accepted Answer

はい。これを行う最も簡単な方法は、jQuery のeach関数を使用することです。

$('.classname').each(function() {
    $(this).html(Math.floor(Math.random()*10)+1);
});

5 に答える 5