divをjavascriptで別のdivの先頭に配置するにはどうすればよいですか？

Question

最初のdivは'#icon-selection-menu'バーです。アイドルポジションはアブソリュートでtop:0pxとleft:0pxです。それで、コンテンツ部門の左上隅に現れます。

ディープ・コンテンツdivの子供たちには、実際には「.emoticon-button」のような他のdivがあります。彼らの位置は親の内部で相対的です。このようなボタンをクリックすると、最初のdivをボタンのすぐ上に配置し、ボタンの下端をボタンの上端に合わせて調整します。

にはどうすればトップを取得することができますし、は$('#icon-selection-menu').topと$('#icon-selection-menu').leftを設定する値を左？

Answer 1

jQuery は、ドキュメントに対する任意の要素の位置を取得するために.offset()を提供します。 #icon-selection-menuがすでに文書に相対配置されているので、あなたはこれを使用することができます。

var destination = $('.emoticon-button').offset(); 
$('#icon-selection-menu').css({top: destination.top, left: destination.left}); 

$('#icon-selection-menu')は$('.emoticon-button')の左上隅に配置されます。

_{（1）質問で$を使用したためにjQueryが想定されていました。}

Answer 2

あなたは

$("#ID").live("click",function(){ 
    $('.emoticon-button').animate({left:left,right:right}); 
}); 

Answer 3

GET」.emoticonボタンを使って、上記のそれを配置することができますjqueryの下に

var position=$('#icon-selection-menu').position(); 
var left=position.left; 
var right=position.right 

とそのボタンのクリックでを使用して要素の位置を取得することができます'位置（左、上）。それを '＃icon-selection-menu'に適用します。顔文字に合わせるために上下に調整があります。

Answer 4

あなたがoffsetTopとoffsetLeftを使用してdiv要素の上部と左の位置を取得することができます

例： `

$('#div-id').offset().top; 
$('#div-id').offset().left; 

Answer 5

Javascriptが内蔵しており、言及@bfavaretto何のバージョン。それはJqueryバージョンより少し長いですが、Jqueryを使用しない私のような人はそれを必要とするかもしれません。

var iconselect = document.getElementById("icon-selection-menu"); 
var emoticonbtn = document.getElementById("emoticon-button"); 
var oTop = emoticonbtn.offsetTop; 
var oLeft = emoticonbtn.offsetLeft; 
iconselect.style.top = oTop; 
iconselect.style.left = oLeft; 
iconselect.style.position = "absolute"; 

もちろん、このシステムにpxなどのユニットを追加することはできます。私が上記のことは単なる例であり、クラスではなくIDを持つ2つの別々の要素のためのものであることに注意してください。コードの最初の2行は、コードによって異なります。要素iconselectが整列しようとしています。要素emoticonbtnは、iconselectを表示するために押すボタンです。コードの最も重要な部分を要約：

elementtomove.offsetTop; //distance from top of screen 
elementtomove.offsetLeft; //distance from left of screen 

ホープこれはjQueryのを使用したがらない人々を助け！