通过javascript函数

请与同一时间同一类工作的多个div我有两个div具有相同的类名：通过javascript函数

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

如何申请的JavaScript，使两者同时工作。现在只有第一个工作，第二个没有任何反应。

来源

2017-10-08 Arry

你想做什么做他们* “同时” *？ –

你不能。然而事情可能会在彼此之后非常接近。 –

在JavaScript中没有真正的同时操作。然而，每个操作或迭代都以毫秒为单位发生，足够接近。你可以循环比赛。

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

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

来源

2017-10-08 20:43:02

你可以使用下面的代码来实现你想要的。

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来做同样的事情。它只是一行代码

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

感谢

来源

2017-10-08 20:45:43 Obie

'bubbles'是'NodeList'。它没有'forEach'方法。 –

行动！感谢@AdamAzad指出问题。编辑我的代码。虽然，你的答案看起来更优雅，然后我。 – Obie

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 
}

来源

2017-10-11 17:50:16 Footer

通过javascript函数

回答

相关问题