$ functionは、それが入っているコンテナの高さに応じて要素を切り替えます

Question

#recentコンテナの高さに応じて行数を表示する必要があるこの関数があります。

私たちは#recentの高さを知りませんが、.rowの高さはconst 34pxです。問題は、n番目の子（n +は数値に依存）のすべての行を非表示にする必要があることです。

のは#recentは、我々は唯一の2行（becouse我々は3を示す場合、高さは102ピクセル、よりにする必要がある）を表示する必要が100pxに高さ

var thisFunc= function() { 

    var h = $('#recent').height(); 
    var nr = Math.round(parseInt(sectionHeight)/parseInt($('.row').height())); 

    var x = nr - 1; 
    var nth = $('.row:nth-child(n+'+x+')'); 
    nth.addClass('hideMe'); 

} 

thisFunc(); 
$(window).resize(thisFunc); 

であれば我々はのみ必要になりまし示しているとしましょう行の量しかし、問題は、表示されないウィンドウのサイズを大きくするときです。彼らは 'hideMe'クラスが追加されていると私はどのようにを切り替えるかわからない。

アイデア？ありがとうございました！

Answer 1

var thisFunc= function() { 
// reset childs 
$('.row').removeClass('hideMe'); 


var h = $('#recent').height(); 
var nr = Math.round(parseInt(sectionHeight)/parseInt(

$('.row').height())); 

    var x = nr - 1; 
    var nth = $('.row:nth-child(n+'+x+')'); 
    nth.addClass('hideMe'); 

}