jquery - 使用 Jquery 查找 block 的高度

Question

我编写的代码定义了带有文本的 block 的高度，并将该高度赋予带有图像的 block 。但是图像的大小小于 block 的大小

<script>
function carouselService(){
    $('.carousel-service-item').each( function(){
        var ths  = $(this),
            thsh = ths.find('.carousel-service-content').outerHeight();
        $(this).find('.carousel-service-image').css('min-height', thsh);
    });
}
carouselService();
</script>
<div class="owl-carousel carousel-service">
    <div class="carousel-service-item">
        <div class="carousel-service-content">
            <h5>Brand Developme</h5>
            <P>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
            quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo</P>
        </div>
        <!-- /carousel-service-content -->

        <div class="carousel-service-image">

        </div>
        <!-- /carousel-service-image -->
    </div>
    <!-- /carousel-service-item -->
</div>

Answer 1

我认为 .outerHeight() 可以帮助您。该函数获取当前计算的外部高度(包括填充、边框和可选的边距)。

如果您只需要查找元素高度而不需要任何内容​​(填充或排除)，您可以使用 .height() 函数。