は、私は同じクラス名を持つ2つのdiv要素を持っているJavaScript関数

Question

を通じて同時に同じクラスの作業で複数のdivを作成します。今は最初のものだけが動作し、2番目のものは何も起こりません。

Answer 1

JavaScriptでは真の同時操作はありません。しかし、各操作または反復は、十分に近いミリ秒で発生します。あなたはマッチをループすることができます。

var bubbles = document.querySelectorAll('.bubble'); // get all divs with class bubble 

[].forEach.call(bubbles, function(bubble){ 
    // do something to bubble 
}); 

Answer 2

あなたが望むものを達成するために、次のコードを使用することができます。

var bubbles = document.querySelectorAll('.bubble'); 
for(var i=0; bubbles[i]; i++){ 
    var bubble = bubbles[i]; 
    // now you do whatever you want to do with bubble 
    // i.e bubble.style.marginLeft = "10px"; 
} 

また、jQueryを使用しても同じことができます。そのわずか1行のコード

$('.bubble').css({marginLeft:10}); 

おかげ

Answer 3

var x=document.getElementsByClassName('bubble'); 

//now x is an array of all elements with the class bubble 

for(i=0;i<=x.length-1;i++){ 
    //Do operations accordingly 
}