如何使用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()作用方式相同。