各々要素の高さを各々の要素に代入したいです。

色々調べて1つの要素の取得方法はわかりました。
そのうち大きい値を代入することもできました。

各々の要素を取得して各々に代入することは可能ですか？
可能であればどのようにすればよいのでしょうか？

なお、本件は列ではなく行になります。

知恵をお貸し頂けたら幸いです。
何卒よろしくお願いいたしますm(__)m

<script>
$(document).ready(function(){
        var wH = $(window).height();
        var divH = $('.hoge').innerHeight();
        if(wH > divH){
            $('.hoge').css('height',wH+'px');
        }
});
</script>

　<article>
   <div class="hoge">
    <div><img></div>
    <div>
     <p>hogeは何度も繰り返される</p>
    </div>
   </div>
   <div class="hoge">
    <div><img></div>
    <div>
     <p>hogeは何度も繰り返される</p>
     <p>その数は無限大</p>
    </div>
   </div>
   <div class="hoge">
    <div><img></div>
    <div>
     <p>hogeは何度も繰り返される</p>
     <p>その数は無限大</p>
     <p>あぁどうにかしたい</p>
    </div>
   </div>
　</article>

行動規範の内容に同意します

回答1件

ベストアンサー

$('.hoge') は複数の要素を返すので each() で処理します。
以下のような感じで目的の動作になっておりますでしょうか？

javascript
1$(document).ready(function(){
2        var wH = $(window).height();
3        $('.hoge').each( function () {
4          var divH = $(this).height();
5          if(wH > divH){
6              $(this).css('height',wH+'px');
7          }
8        });
9});

参考にしたサイト: jQueryのinnerHeight()やouterWidth() メソッド【div箱の高さが取得できない！の原因２】 | アド企画制作部

【回答を受けて】

狙いはよくわからないけど、各々の高さを代入するなら、こうですね。

javascript
1$(document).ready(function(){
2        var wH = $(window).height();
3        $('.hoge').each( function () {
4          var divH = $(this).height();
5          $(this).css('height', divH);
6        });
7});