Question

我正在尝试遍历父div并获取最后一个子div的最低位置。

$.each($('.dragend-page'), function(i, dragend_page) {
    $('.page-content', dragend_page).each(function() {
         var p = this.position();
         console.log(p.bottom);
     });
})

最后一页内容div的底部位置将被设置为父dragend-page div的总高度。我该怎么做？

@Dependent

这是所有儿童div的最低位置 - 而不仅仅是最后一个。并且位置函数必须是不正确的，因为它返回“this.position不是函数”

Answer 1

@Rudi在评论中提到https://api.jquery.com/position/会返回一个包含顶部和左侧属性的对象..所以你可以使用这个

$('.dragend-page').each(function(i, dragend_page) {
    var lastDiv = $(this).find('.page-content:last-child');
    var bottomPosition = lastDiv.position().top +  lastDiv.outerHeight(true);
    console.log(bottomPosition );

})

此代码将输出每个.dragend-page

中最后一个.page-content的最低位置

Answer 2

this将为您提供最后一个div的位置，而不会循环显示div

{"matrix":[1,2,3],"multi_matrix":{"colors":["red","blue"],"weight":[75,83]}}

jQuery - 循环通过父div，获取最后一个子div的底部位置

2 个答案: