отметьте несколько высот и спрячьте предмет из родительского контейнера

Question

отметьте несколько высот и спрячьте предмет из родительского контейнера

0

Существует .blog DIV, который содержит три article каждый из которых имеет h1 и h4, когда h1 соответствует ширине .blog, он разбивается на две строки, поэтому будет иметь более высокую высоту (выше 50 пикселей)

<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>

Я хочу скрыть свой h4 когда он имеет высоту выше 50 пикселей.

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

Да, я знаю, что это будет скрывать все три h4 с, так что я должен сделать, чтобы только скрыть высокий h1 контейнер статьи h4?

Farzad Bayan 13 дек. 2013, в 21:21

Источник

Теги:

jquery

html

css

2 ответа

0

Я удалил find('h2') потому что он не появился нигде в вашем вопросе.

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

Michael_B 13 дек. 2013, в 17:21

Ещё вопросы

kei · Accepted Answer · 2013-12-13T17-14-00.000Z

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