jquery - 将 div 内容高度设置为同一 div 中的图像

Question

我正在尝试获取在该图像中包含图像的 div 的高度。图片的实际高度很大，但我想将高度应用于与 div 高度相同的图像。

我在查找 div 的高度时遇到问题。它给出了错误的高度。 实际的 div 高度是 189 但它给出的是 159。

我试过 height()、outerHeight()、innerHeight()。

<div class="cd-timeline-content">               
    <div class="">
        <div class="timeline-content-image">
            <img src="test-image.png" alt="image">
        </div>
        <div class="head">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, 
.
        </div>
    </div>              
    <a href="#0" class="cd-read-more">Read more</a>
    <div class="read-more-content">
       <p class="sub_text">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, 
        optio, dolorum provident rerum aut hic quasi placeat iure tempora 
        laudantium ipsa ad debitis unde? Iste voluptatibus minus veritat 
        ut.
        </p>                
    </div>  
</div> <!-- cd-timeline-content -->

CSS

.cd-timeline-content {
    margin-left: 0;
    padding: 0 20px 0 20px;
    width: 40%;
 }
.timeline-content-image{
    float: right;
    margin-left:10px;
    margin-right:0px;
}

查询

jQuery('.cd-timeline-content').each(function(){
    var contentHeight = jQuery(this).height();
    console.log(contentHeight);
    jQuery(this).find('img').attr({height: contentHeight});
});

Answer 1

问题编辑后的新答案:

我前段时间遇到过类似的问题，但仅限于 Safari。我通过使用解决了它

$(window).load(function(){
   var myheight = $("#x").height();  
});

...获取相关元素的高度(在我的例子中为“#x”)。也许这有帮助...