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

这样的东西？ 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 3

设置CSS position: absolute，使用相等的top和left ...

Answer 4

你需要一些绝对的位置。 Demo at JS Fiddle

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

在jquery的相同位置设置5个div

4 个答案: