JQUERY get top, right, left, bottom position element div jquery - Net-Raft.com

Welcome aboard! We are happy you are here and wish you good net-raft!

Just a Web Code Solution
join us

How to get top, right, left, bottom position of element div using jquery ?


 2928

Show ResultJQUERY


13


<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

<style>

div {
width: 50px;
height: 50px;
position: absolute;
background: orange;
border: 1px solid black;
margin-top: 300px;
margin-left: 300px;
}

</style>

<script>

$(document).ready(function(){


var link = $("div");
var offset = link.offset();

var top = offset.top;
var left = offset.left;

var bottom = top + link.height();
var right = left + link.width();

alert("Top position: " + top + " Left position: " + left + " Bottom position: " + bottom + " Right position: " + right);

});

</script>

</head>
<body>

<div></div>

</body>
</html> 

By        
The power of the user (%)
11%

The most helpful JQUERY solutions

plugin get client ip address using jqueryplugin get client ip address using jqueryJQUERY

Click to see more ...

  10.9K     1.8K
How to get client machine name or computer name with jquery?How to get client machine name or computer name with jquery?JQUERY

Click to see more ...

  16.2K     793
plugin detect country jqueryplugin detect country jqueryJQUERY

Click to see more ...

  5.8K     772
cookie jquerycookie jqueryJQUERY

Click to see more ...

  3.9K     398
plugin convert thousands to K jqueryplugin convert thousands to K jqueryJQUERY

Click to see more ...

  3.5K     402
show position on google map jqueryshow position on google map jqueryJQUERY

Click to see more ...

  2.7K     389
how to create a jquery plugin for converting date to days ago, month ago and year ago ?how to create a jquery plugin for converting date to days ago, month ago and year ago ?JQUERY

Click to see more ...

  2.9K     349
How to detect the version of IE browser using jquery ?How to detect the version of IE browser using jquery ?JQUERY

Click to see more ...

  2.7K     338
How to get top, right, left, bottom position of element div using jquery ?How to get top, right, left, bottom position of element div using jquery ?JQUERY

Click to see more ...

  2.9K     296
how to get ip address using jquery ?how to get ip address using jquery ?JQUERY

Click to see more ...

  2.6K     286
Welcome aboard!
We are happy you are here and
wish you good net-raft!