javascript - 如何使用 Javascript 获取基于 id 的元素 div 的高度？

Question

将鼠标悬停在元素上时，将显示 div。我有几个这样的元素。因此，每个 div 都有一个唯一的 id 和每个它自己的高度。为了在光标旁边对齐 div 类，我需要知道它的单独高度。

这是我得到的内容的摘录(请注意我用 **** 标记的行):

$('.rsshover').mouseleave(function() {
    var id = $(this).attr('id').replace("did_", "");
    $("#pre_"+id).hide();
});    

// cache the selector
var follower = $(".preview");
var IDHeight = ****???****
var xp = 0, yp = 0;
var loop = setInterval(function(){
    xp += (mouseX + 15 - xp) / 12;
    yp += (mouseY - ****IDHeight**** - yp) / 12;
    follower.css({left:xp, top:yp});
}, 0);

所以我想要归档的内容可以在 fiddle 中看到当输入特定高度的值时，例如 yp += (mouseY - 200 - yp)/12;。

a元素放置在页面底部。因此，隐藏的 div 需要向上增长，这意味着 div 的起始引用点应该是左下边缘，而不是向下构建它需要的向上成长。

所以我不知道如何解决这个问题。如果有人可以帮助我，我将不胜感激。提前致谢。

这就是它应该是什么样子以及我想要实现的目标。我需要在该行中手动输入两个不同的高度 yp += (mouseY - **HEIGHTVALUE** - yp)/12;

Answer 1

由于您已经在使用 jquery，因此您可以通过 $('#someid').height(); 获取任何 div 的高度