vladislav_boychenko
@vladislav_boychenko
Купаюсь в гривнах

Как обращаться к дочерним элементам в цикле отдельно один от второго?

Добырй день!
Сразу то, что у меня получается: https://codepen.io/anon/pen/PEmxoL
В каждой таблице последнее число должно закрашиваться в зависимости от значения дата-атрибута. Оно все работает, только я не могу написать логику, чтобы оно проверяло значение дата-атрибута и закрашивало соответственно только в одном родительском блоке. Сейчас проверяет первый в DOM-дереве элемент и по нему закрашивает все остальные, а мне нужно, чтобы проверяло и закрашивало каждый отдельно.
Как поправить написанное мною?
Спасибо!
  • Вопрос задан
  • 180 просмотров
Решения вопроса 2
KorniloFF
@KorniloFF Куратор тега JavaScript
Работаю по font-end / JS
vladislav_boychenko
@vladislav_boychenko Автор вопроса
Купаюсь в гривнах
Додумался сам!
Решение простое, нужно просто итерацию провести:
$('.tournir-rating-item').each(function(){
		var ratingVal = $(this).find('.rating-value').attr('data-value');
		if(ratingVal <= 50){
			$(this).find('.rating-value').css('color', '#f4284a');
		} else if(ratingVal > 50 && ratingVal <= 75){
			$(this).find('.rating-value').css('color', '#1889d9');
		} else if(ratingVal > 75 && ratingVal <= 100){
			$(this).find('.rating-value').css('color', '#29ae61');
		} else {
			$(this).find('.rating-value').css('color', '#252525');
		}
	});
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
SummerWeb Ярославль
от 120 000 до 180 000 ₽
КРАФТТЕК Санкт-Петербург
от 60 000 до 80 000 ₽
Brightdata Тель-Авив
от 5 500 до 6 500 $
13 июн. 2024, в 14:19
60000 руб./за проект
13 июн. 2024, в 14:18
10000 руб./за проект
13 июн. 2024, в 13:58
5000 руб./за проект