在幻灯片中获取最后一个子div的位置

Question

我正在使用Dragend插件将一系列网页转换为幻灯片。我的HTML看起来像这样：

<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>

有些幻灯片比其他幻灯片要大，所以我尝试使用jQuery手动调整高度，因为插件只是给每张幻灯片一个非常大的高度。

为了尝试这样做，我首先通过运行此命令获得正确的dragend-page幻灯片：

$('.dragend-page').eq(this.page)

现在我需要获取最后一页内容div的位置。我试图这样做：

$('.dragend-page').eq(this.page).children(".page-content").last()

但它没有返回任何东西。 $（'。dragend-page'）。eq（this.page）没有返回对象。

this.page 返回用户所在的当前幻灯片（dragend-page div）

那我该如何手动调整高度呢？有更好的方法吗？