检查几个高度并隐藏一个高项目容器父项

Question

当.blog符合article时，有一个h1 DIV，其中包含三个h4，每个h1有一个.blog和<div class="blog"> <article> <h1>Hello There</h1> <h4>Description 1</h4> </article> <article> <h1>Hello There</h1> <h4>Description 2</h4> </article> <article> <h1>Hello There I'm a long text who have a more than 50px height</h1> <h4>Description 3</h4> </article> </div> 的宽度，它分成两行，所以将有一个更高的高度（高于50px）

h4

我希望隐藏var max=50; $('.blog article').find('h2').each( function (){ if($(this).height()>max) $("article h4").hide(); }); ，当它的高度超过50px时。

h4

是的，我知道它会隐藏所有三个h1，所以我应该做的只是隐藏高h4容器文章{{1}}？

Answer 1

var max=50;
$('.blog article').find('h1').each( function (){
    if($(this).height()>max)
    $(this).next('h4').hide();
});

Answer 2

我删除了find('h2')，因为它没有出现在您问题的其他任何位置。

var max=50;
$('.blog article').each( function (){
    if($(this).height()>max)
        $(this).closest('h4').hide();
});