在同一位置設置5個div jquery

Question

如何在使用jQuery初始化後在同一位置設置5個div（同等維度）的位置。

我想擁有這個的原因是將它們一個接一個移動到另一個div。

在此先感謝。

Answer 1

這在很大程度上取決於你有HTML，但一般理想的是設置每個元素的CSS屬性position要absolute，然後設置他們的位置使用top,left,bottom和right CSS屬性的組合相同。

$('yourDivs').css({ 
    position: 'absolute', 
    top: 0, 
    left: 0 
}); 

這假定的div的是在同父，或沒有他們的祖先有position: relative屬性。

Answer 2

設置CSS position: absolute，平等top和left ...

Answer 3

是這樣的？ http://jsfiddle.net/Gab4B/

div 
{ 
height: 200px; 
    width: 200px; 
} 

div div { 
height: 20px; 
    width: 20px; 
    border: solid 1px black; 
} 
div.seperate-equal 
{ 
    position: absolute; 
    top: 0; 
    left: 0; 
height: 5px; 
    width: 5px; 
    background-color: red; 
} 

Answer 4

你需要一些絕對位置。 Demo at JS Fiddle

$('.class').each(function(){ 
    this.style.top=0; 
    this.style.left=0; 
    this.style.position='absolute' 
});