その画像の中に画像を持つdivの高さを取得しようとしています。イメージの実際の高さは大きいですが、私はdivの高さと同じイメージに高さを適用したいです。同じ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
jQuery('.cd-timeline-content').each(function(){
var contentHeight = jQuery(this).height();
console.log(contentHeight);
jQuery(this).find('img').attr({height: contentHeight});
});
あなたはあなたの$( '。cd-timeline-block')はどこですか? Btw。なぜ高さ100%のようなCSSを使って画像の高さを設定しないのですか? –
更新されたコードは私の間違いです – Kango
もう一度、その画像に高さ:100%を使用してみませんか?そのためにjqueryは必要ありません。 –