jQueryで位置を取得および設定する.offset（）

Question

jQuery .offsetメソッドで要素の位置を取得および設定する方法は？

divとすると、​​と別のlayer2があります。​​の位置を取得して、同じ位置をlayer2に設定するにはどうすればよいですか？

Answer 1

//Get 
var p = $("#elementId"); 
var offset = p.offset(); 

//set 
$("#secondElementId").offset({ top: offset.top, left: offset.left}); 

Answer 2

それはなんとかですが、あなたはoffset()を使用すると、ドキュメントに要素の相対的な位置を設定することを知っている必要があります：

$('.layer1').offset($('.layer2').offset()); 

Answer 3

私は別のオプションをお勧めします。 jQuery UIには、要素を相対的に配置できる新しい位置機能があります。詳細なドキュメントとデモは、http://jqueryui.com/demos/position/#option-offsetを参照してください。ここで

は、位置機能を使用して要素を配置する一つの方法です。ここで

var options = { 
    "my": "top left", 
    "at": "top left", 
    "of": ".layer1" 
}; 
$(".layer2").position(options); 

Answer 4

はオプションです。これはちょうどx座標です。

var div1Pos = $("#div1").offset(); 
var div1X = div1Pos.left; 
$('#div2').css({left: div1X}); 

Answer 5

var redBox = $(".post"); 

var greenBox = $(".post1"); 

var offset = redBox.offset(); 

$(".post1").css({'left': +offset.left}); 
$(".post1").html("Left :" +offset.left); 

http://jsfiddle.net/va836/159/