jQuery - Loop через родительский div, получить нижнюю позицию последнего дочернего div

Question

Я пытаюсь пройти через родительские divs и получить нижнюю позицию последнего дочернего div.

<main id="swipe-page"> 
    <div class="dragend-page"> 
     <div class="page-content"></div> 
     <div class="page-content"></div> 
     <div class="page-content"></div> 
    </div> 
    <div class="dragend-page"> 
     <div class="page-content"></div> 
     <div class="page-content"></div> 
    </div> 
    <div class="dragend-page"> 
     <div class="page-content"></div> 
     <div class="page-content"></div> 
     <div class="page-content"></div> 
     <div class="page-content"></div> 
     <div class="page-content"></div> 
    </div> 
</main> 

Нижняя позиция последней страницы-контента DIV будет установлен в качестве общей высоты родительского dragend страниц дел. Как мне это сделать?

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

Это получает нижнее положение всех дочерних divs, а не только последнее. А функция позиция должна быть неправильным, потому что это возвращение «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-странице

Answer 2

this даст Вам позицию последнего DIV без зацикливания через дивы

$(function(){ 
    console.log($(".dragend-page :last-child").last().position()); 
});