javascript - 使用 jQuery 设置元素相对于父元素的偏移量

Question

我正在尝试设置元素相对于父元素的偏移量(顶部和左侧)。

我有一个相对位置的容器和我必须使用绝对显示定位的元素。如何设置绝对元素的顶部和左侧？偏移设置与文档相关的顶部和左侧，我不需要它。

提前致谢!

编辑:这是我的代码:

var styles = {
        width: 200,
        height: 200,
        position: 'absolute',
        top: 10,
        left: 20
    };
$imgScaledCircle.attr('src', pathimg).css(styles).addClass('active');

它设置了除顶部和左侧之外的所有属性。我不明白为什么。

Answer 1

你可以这样使用:

$(child).each(function () {
  $(this).css({
    top: $(this).parent().offset().top + 5,
    left: $(this).parent().offset().left + 5
  });
});

这里的 child 是子元素的选择器。您可以将硬编码的 5 替换为您想要替换的任何位置。