JQuery - Получить высоту элементов, затем примените CSS к разным элементам на основе высоты ⇐ Javascript

[Anonymous]

То, что я пытаюсь сделать, это получить высоты нескольких элементов с одним и тем же «классом». Если высота элемента превышает 400px, я хочу, чтобы он установил высоту на значение, которое он придает минус 5px. И если это менее 400px, я хочу, чтобы он сделал то же самое.

Код: Выделить всё

jQuery(document).ready(function( $ ){

var cardHeight = $('.card').height();

if (cardHeight > 400) {
$(this).height(cardHeight - 5);
}
else{
$(this).height(cardHeight - 5);
}

}); < /code>
.wrapper {
width: 100%;
overflow: hidden;
}
.wrapper .card {
width: 20%;
float: left;
margin: 10px;
background-color: red;
}
.wrapper .card:nth-child(1) {
height: 333px;
}
.wrapper .card:nth-child(2) {
height: 333px;
}
.wrapper .card:nth-child(3) {
height: 500px;
}
.wrapper .card:nth-child(4) {
height: 500px;
}< /code>

Подробнее здесь: https://stackoverflow.com/questions/795 ... d-on-heigh