Как добавлять класс элементу по условию?
Есть ряд блоков на странице с высотой от 20px до 40px. Я создал условие при котором если у блока высота больше 20px, добавлялся класс:
$(".des-info__wrapper h2").each(function() {
var $minHeight = 20;
if ( $(this).height() > $minHeight) {
$( ".des-info__wrapper h2" ).addClass( "_fix" );
}
});
Но он добавляет этот класс абсолютно ко всем элементам в итоге, а не только к тем, у кого эта высота больше 20px. Как это исправить? Надо что-бы все блоки слушались и только у тех, где высота больше 20px добавлялся класс _fix.
Ответы (1 шт):
Автор решения: Aziz Umarov
→ Ссылка
Сделайте так
$( this ).addClass( "_fix" );
А не
$( ".des-info__wrapper h2" ).addClass( "_fix" );
Вы проверяете блок и добавляете во все этот класс. Тогда если хоть один попадет по условию применит ко всем