Как считать высоту блока у одинаковых классов?

Question

[viktorulyushev]

Есть такая структура,которая формируется в цикле.Т.е таких вот блоков может быть разное количество
Мне нужно сделать так,чтобы если к примеру высота блока review-block-descr span превышает 130px,то показывать блок review-block-descr2,по умолчанию он скрыт.Проблема в том что у каждого блока
review-block-descr span высота разная,и как считать для каждого блока свою высоту не пойму

<div class="col-xs-3">
      <div class="review-block-descr">
            <span>текст.</span>
       </div>
       <div class="review-block-descr2" style="display:none;"></div>
</div>

Comments

[Kovalsky]

С помощью jQuery это не сложно, но не могли бы вы описать исходную задачу, то есть зачем вообще нужно показывать второй блок? Вероятно, этот момент можно как-то упростить.

В любом случае, берёте все блоки, с помощью each проверяете блоки, если у блока высота больше 130 - скрываете блок.

[viktorulyushev]

Никита Полевой: ну есть отзывы,и они вот в этих блоках формируются,но все разной высоты из за текста,ну и типо надо если текст больше 7 строк,то выводить троеточие на 7 строке

[viktorulyushev]

Никита Полевой: а в этом блоке review-block-descr2 как раз троеточие

[Kovalsky]

viktorulyushev: понял. Там вам снизу уже в принципе разжевали, но если вам вдруг придёт в голову мысль использовать CSS для решения этой задачи, то смотрите в сторону multiline ellipsis.

[viktorulyushev]

Никита Полевой: Спасибо,ваш метод помог

Answer 1

[Bodrosh]

Перебирать эти элементы в цикле

$(".col-xs-3").each(function() {
  
});

ну в в нем измеряем высоту

$(this).find(".review-block-descr") или  $(this).children(".review-block-descr")

И сравниваем с 130px