如何使用Javascript / jQuery确定跨度或相对定位元素的大小和位置？

Question

例如，我想绘制子菜单，而其父项是<span>元素。我可以动态确定<span>的尺寸和位置吗？

Answer 1

width =     $(this).parents("span:first").width()
height =    $(this).parents("span:first").height()

position

    var p =$(this).parents("span:first");
    var position = p.position();
    $("#myLabel").text( "left: " + position.left + ", top: " + position.top );

Answer 2

使用jQuery，你可以使用：

获取元素的宽度/高度

$(this).parent().width();
$(this).parent().height();

并且职位：

$(this).parent().offset().left;
$(this).parent().offset().top;

Answer 3

jQuery提供了一种方便的方法来获取任何元素的维度或位置。

$myElement.offset()

将为您提供元素的位置，然后您可以使用top和left以及

$myElement.width()

将获得元素的宽度。 height()的行为方式相同。