javascript - 通过javascript函数使具有相同类的多个div同时工作

我有两个具有相同类名的div：

<div class="bubble" style="margin-bottom: 160px">
        <p>bubble1</p>
    </div>
    <div class="bubble">
        <p>bubble2</p>
    </div>
</div>

我如何应用javascript，以便它们都能同时工作。现在，只有第一个起作用，而第二个则不起作用。

最佳答案

JavaScript中没有真正的同时操作。但是，每个操作或迭代都以毫秒为单位，足够接近。您可以循环比赛。

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

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