获取`img`元素的XY坐标

Question

我有一个图标<img src="res/img/b_drop.png" id="drop_1" />。单击此图标时，我需要提示出现在某些坐标处，我将按#drop_的S和Y点计算。我可以用jQuery计算这两个点吗？

Answer 1

偏移可能是你想要的

$('#drop_1').on('click', function(){
    var offset = $(this).offset();
    alert('top - ' + offset.top + "\n left - " + offset.left);
});

这将从文档的顶部和左侧警告元素的位置

jQuery offset()

这是

Demo

Answer 2

相对父元素：

$('#drop_1').position().left // x coord
$('#drop_1').position().top // y coord

相对页面：

$('#drop_1').offset().left // x coord
$('#drop_1').offset().top // y coord