2

これは非常に簡単なはずであり、私は多くのドキュメントを読みましたが、答えを見つけることができないようです。

ネストされたdivがいくつかあり、ページ上の各divの高さを取得して、子要素である別のdivのそれぞれに適用したいと思います。

each-journal-image-containerを取得し、それをeach-journal-image-captionに適用する必要があります。このページには複数のインスタンスがあるため、each（）ステートメントが最適です。

これが私のHTMLです

<div class="each-journal-image-container clearfix">
    <div class="four columns">
      <div class="each-journal-image delay-1 animated fadeInLeftBig"></div>
      <div class="each-journal-image delay-1 animated fadeInLeftBig"></div>
      <div class="each-journal-image delay-1 animated fadeInLeftBig"></div>
      <div class="each-journal-image delay-1 animated fadeInLeftBig"></div>
      <div class="each-journal-image delay-1 animated fadeInLeftBig"></div>
    </div>
    <div class="two columns">
      <div class="each-journal-image-caption delay-2 animated fadeInLeftBig"></div>
    </div>
</div>

乾杯、R

4

3 に答える 3

4

私が考えることができる最短の解決策：

$('.each-journal-image-container').each(function() {
    var h = $(this).height();
    $(this).find('.each-journal-image-caption').height(h);
});

もちろん、このように行を組み合わせることができますが、数千のdivがある場合は、おそらく効率が低下します。100未満の場合、違いはごくわずかです。

    $(this).find('.each-journal-image-caption').height($(this).height());
于 2013-02-08T15:43:57.553 に答える
1

height（）属性を使用します。高さの取得と要素の高さの設定の両方に使用できます。

$('.each-journal-image-container .four').height( $('.each-journal-image-container .two').height() );
于 2013-02-08T15:42:15.560 に答える
0

あなたはそうするようにこれをするでしょう：

$('.each-journal-image-container').each(function(i,item){
    var height = $(item).height();
    $(this).find('.each-journal-image-caption').height(height);
});
于 2013-02-08T15:43:42.200 に答える