javascript - $函数根据容器所在的高度切换元素

我有此功能需要根据#recent容器的高度显示行数。

假设我们不知道#recent的高度，但是.row的高度为const 34px。问题是我们需要隐藏所有第n个子行（n +取决于number）。

假设如果#recent为100px高度，我们只需要显示2行（因为如果显示3行，则高度必须大于102 px）

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”类，但我不确定如何切换它。

有任何想法吗？谢谢！

最佳答案

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');

}