Jquery 重复类容器取最后一个子位置的高度和高度

我有一个重复的div container class=“content”，其中包含绝对定位的div

.content{
   width: 960px;
   margin: 0 auto;
   padding-bottom: 20px;
   position: relative;
   overflow: auto;
}

 .article0{
   width: 300px;
   position: absolute;
}

 .article1{
   width: 230px;
   position: absolute;
   top: 80px;
}

 .article2{
   width: 230px;
   position: absolute;
}

 .article3{
   width: 230px;
   position: absolute;
   margin-bottom: 20px;
   top: 500px;
}

如上所述，容器class=“content”在同一页面中重复多次：

<div class="content">
<div class="article1"></div>
<div class="article2"></div>
<div class="article3"></div>
</div>

---

在此处输入代码

如果有多个实例，您将需要以下内容：

$('.content').each(function(){

    var lastChildPos = $(':last-child', $(this)).position().top;
    var lastChildHeight = $(':last-child', $(this)).height();

    $(this).height(lastChildPos + lastChildHeight);

});

通过这种方式，它将其应用于box的每个实例，

$（this）

获取与每个容器相关的变量

注意：：last child将选择父容器中类型的最后一个子级。也许你想试试：

var lastChildPos = $(this).find('div:last-child').position().top;

---

不管怎样，我都应该为a+1发帖：P汉斯·里克，我以前试过每一个，但都没有结果。尝试了你的代码，现在它得到了第一个孩子的高度（！），忽略了顶部位置！找不到问题所在！通过彻底检查结果，我发现对于类为“.content”的前3个容器，它得到了第一个子容器的高度，忽略了它的顶部位置，而对于只有一个子容器的最后一个容器，高度是子容器的高度+顶部位置。我想不出来！有什么想法吗？那太完美了！。经过测试和工作，“div”对该职位也是必要的。非常感谢！

var lastChildPos = $(this).find('div:last-child').position().top;