@it_pear_yurec

Как изменить размер текста?

Написал скрипт по изменению размера текста, если длина этого текста будет больше 8,11... символов (для каждой длины свое значение).

Проблема в том, что js подсчитывает общее число всех элементов с одним классом, как сделать так, чтобы каждый класс редактировался отдельно в зависимости от длины текста?

<script>
		$(document).ready(function(){
			var lenght1 = $('p.tags-ul-b__tag, p.tags-ul-b__number').text();
			if(lenght1.length > 8){
				$('p.tags-ul-b__tag, p.tags-ul-b__number').css('font-size','15px');
			}
			if(lenght1.length > 15){
				$('p.tags-ul-b__tag, p.tags-ul-b__number').css('font-size','12px');
			}
			if(lenght1.length > 23){
				$('p.tags-ul-b__tag, p.tags-ul-b__number').css('font-size','10px');
			}
		});
	</script>


5ad7ce1ebe4d5041525688.jpeg
  • Вопрос задан
  • 62 просмотра
Решения вопроса 1
Vlad_IT
@Vlad_IT Куратор тега CSS
Front-end разработчик
$('p.tags-ul-b__tag, p.tags-ul-b__number').each(function() {
     var $this = $(this);
     var lenght1 = $this.text();
     if(lenght1.length > 8){
	  $this.css('font-size','15px');
     }
     if(lenght1.length > 15){
	$this.css('font-size','12px');
     }
     if(lenght1.length > 23){
	$this.css('font-size','10px');
     }
});
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@Jumandjilos
Точно, сам все время забываю про этот $(this), новичок еще)
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы