获得每个高度并居中每个div

Question

我使用jQuery滑块（专业版滑块），我希望在我的不同幻灯片中居中（水平和垂直）一个div文本。每个文本div都有不同的高度。不幸的是我写的功能。它取第一个div文本的高度并将其应用到另一个div。

<div class="sp-slide">
    <div class="sp-text">
        This is the text that I want to center
    </div>
</div>
<div class="sp-slide">
    <div class="sp-text">
        I have different height
    </div>
</div>
<div class="sp-slide">
    <div class="sp-text">
        I have an another height
    </div>
</div>

这是我的jQuery函数：

function sliderText_center() {
    $('.sp-text').each(function() {
        var container = $('.sp-slide');
        var content = $('.sp-text');

        $(this).css("left", (container.width()-content.width())/2);
        $(this).css("top", (container.height()-content.height())/2);
    });
}

如何独立获取每个sp文本高度？