2016-08-04 23 views
2

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

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.

+0

getBoundingCientRect() – caub

Antwort

3
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); 
+0

Danke. Das war hilfreich –

3

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

+0

Sorry, ich dachte, es war offensichtlich, aber sameone den Beitrag unten geschrieben. – Verri

+0

Danke. Habe es getan –

0

Rechts Position:

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

Untere Position:

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

Danke für die Antwort –

+0

:) Sie sind willkommen. – titan

1

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; 
1

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); 
Verwandte Themen