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

Question

[Владислав Бойченко]

Добырй день!
Сразу то, что у меня получается: https://codepen.io/anon/pen/PEmxoL
В каждой таблице последнее число должно закрашиваться в зависимости от значения дата-атрибута. Оно все работает, только я не могу написать логику, чтобы оно проверяло значение дата-атрибута и закрашивало соответственно только в одном родительском блоке. Сейчас проверяет первый в DOM-дереве элемент и по нему закрашивает все остальные, а мне нужно, чтобы проверяло и закрашивало каждый отдельно.
Как поправить написанное мною?
Спасибо!

Answer 1

[Павел Корнилов]

Так?
https://codepen.io/anon/pen/jYmQVq

Comments

[Владислав Бойченко]

Да, тоже решено, но уже додумался сам, принцип тот же -- написано по другому. Все равно спасибо.

[Павел Корнилов]

Да, я когда отправил ответ, тогда уже увидел, что есть решение, но я старался помочь =)
К тому же в JQ я не особо, поэтому ввёл нативный цикл. Возможно, он даже быстрее отработает.

Answer 2

[Владислав Бойченко]

Додумался сам!
Решение простое, нужно просто итерацию провести:

$('.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');
		}
	});