jquery - 检查几个高度并隐藏高元素容器父元素

Question

有一个.blog DIV，它包含三个article，每个都有一个h1和h4，当h1 符合 .blog 的宽度，它分成两行，所以会有更高的高度(高于 50px)

<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();
});

是的，我知道它会隐藏所有三个 h4，所以我应该只隐藏高大的 h1 容器文章 h4 >?

Answer 1

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