ctornton
@ctornton
Мимо проходил, кому-то помог, сам научился.

JQuery. Как сделать, чтобы кнопка показывалась у тех блоков, чья высота больше определенного значения?

Коллеги, помогите советом.

Есть много блоков на одной странице, у всех у них один класс (они динамично на php выводятся).
Добавил кнопку небольшую (нужна для того, чтобы пользователь понимал, что эта статья не маленькая и еще есть текст.
Если пользователь будет видеть эту кнопку, он будет кликать на нее и высота блока будет меняться (это я реализовал).
Хотелось бы, чтобы эта кнопка отображалась только у тех блоков, у которых высота больше определенного значения или текст больше определенного количества символов.
Вот как я это реализовал. Будь у них разные классы, это бы работало. Но т.к. у одного высота может быть больше, то у всех кнопка остается..

let searchResult = $(".searchResult");
let button = $(".showMore");

if (searchResult.css('height') > '250') {
    $(button).hide()
}


Скрин с примером:
5d14a000cff29365992303.png
  • Вопрос задан
  • 48 просмотров
Решения вопроса 1
@weart
$(".block").each(function() {
	if ($(this).height() > 200) {
		// показываем кнопку
	} else {
		// не показываем
	}
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы