jquery - jquery - 各コンテナ div 内の子 div の各セットの高さを設定するにはどうすればよいですか?

Question

それぞれコンテンツの量が異なる子 div を持つ多数のコンテナー (class="sidebox") があります。

場合によっては、子 div をそれぞれ親 div の 100% の高さにしたい場合や、垂直区切りスタイルを追加したい場合があります。

これを行うにはcfull、子vcondiv と「sidebox」のクラスを持つコンテナーにのクラスを追加します。

次に、jquery 関数を呼び出します。

var y = $('.cfull').parent('div.vcon').height();
    $(".cfull").height(y) ;

これは、インスタンスが 1 つしかなく、その子の div の高さをサイドボックスの高さに設定する場合に最適です。

html に1 秒を追加し、sidebox vconその子 div の 1 つに追加のコンテンツを与えるとします。2 番目のサイドボックスの子 div は、サイドボックスの最初のインスタンスから設定された高さを取得します

class="sidebox vcon"コンテナー div内の子 div の各セットの高さを設定するにはどうすればよいですか?

それが理にかなっていることを願っています。

これまでの私の作業例を次に示します。2 番目のサイドボックスの子がstyle="height:#px"最初のサイドボックスの

score 6 · Accepted Answer

あなたがしていることは暗黙の反復と呼ばれます。これを行うとき：

$('.cfull').height(y);

...実行しているのは、すべての.cfull要素を高さの1つの値（の現在の値y）のみに設定することです。

おそらくを使用して、各要素を明示的に反復処理する必要があります.each()。

$('.cfull').each(function () {

    var self = $(this),
        container = self.parent('div.vcon');

    self.height(container.height());

});

ただし、単純なCSSを使用するだけで、達成しようとしていることを実行できるはずです。このようなことをしてみましたか？

.cfull {
    height : 100%;
}

score 3 · Accepted Answer

クラスが。のすべての要素をループする必要があります.cfull。実例： http： //jsfiddle.net/QpEgX/5/

$('.cfull').each(function() {
    var y = $(this).parent('div.vcon').height();
    $(this).height(y) ;
});

score 0 · Accepted Answer

var height = 0;
$('.cfull').each(function () {
  height = $(this).parent('div.vcon').height();
  $(this).height(height);
});

3 に答える 3