Get Position des Elements in Javascript

Question

Ich versuche, die Position eines Elements auf der Zeichenfläche mit dem folgenden Code abzurufen.

var x = $(".partitiondrop").position(); 
alert("Top position: " + x.top + "\nLeft position: " + x.left); 

Das obige funktioniert gut. Ich würde gerne wissen, ob ich die rechte und die untere Position auf die gleiche Weise bekommen kann, so dass ich den Bereich durch das Element gebunden haben kann, da ich überprüfen muss, welche Elemente in dieses Element fallen.

Answer 1

var $partitiondrop = $(".partitiondrop"); 
var position = $partitiondrop.position(); 
position.bottom = position.top + $partitiondrop.height(); 
position.right = position.left + $partitiondrop.width(); 
alert("Top position: " + position.top + "\nLeft position: " + position.left + "\nBottom position: " + position.bottom + "\nRight position: " + position.right); 

Answer 2

U kann die Breite immer zur x.left-Position hinzufügen und die Höhe zur x.top-Position hinzufügen.

Answer 3

Rechts Position:

$(window).width() - ($('.partitiondrop').offset().left + $('.partitiondrop').width()); 

Untere Position:

$(window).height() - $('.partitiondrop').offset().top; 

Answer 4

Um die Position eines Elements durch seine ID erhalten können Sie die folgende

var elementID; //Already obtained via attr(id) method or so 
var $element = $("#" + elementID); 
var position = $element.position(); 
position.bottom = position.top + $element.height(); 
position.right = position.left + $element.width(); 

var top_position=position.top; 
var left_position=position.left; 
var bottom_position=position.bottom; 
var right_position=position.right; 

Answer 5

tun In Jquery, es kann mit den folgenden getan werden aufgrund Code

var p = $("elementId"); 
var position = p.position(); 
$("p:last").text("left: " + position.left + ", top: " + position.top);