Как вставить разную информацию в блоки с одинаковыми классами?

Question

[Baxterok]

Здравствуйте. Есть 6 блоков с одинаковыми классами. В блоках находится время (пример: "19:00"). Для каждого блока свой часовой пояс.
Я написал небольшой скрипт, который вытягивает из блока время и обновляет:

setInterval(function(){
	var serverTime = $( ".timezone-time" ).text();
	var serverHours = serverTime.split(':');
	var hours = parseInt(serverHours[0]);
	var date = new Date();
	var minutes = date.getMinutes();
	var seconds = date.getSeconds();
	if (hours < 10) hours = "0" + hours.toString(10);
	if (minutes < 10) minutes = "0" + minutes.toString(10);
	if (minutes == 59 && seconds == 59) {
		hours++
		if (hours == 24) {
			hours = "00";
		}
	};
	$( ".timezone-time" ).html(hours + ":" + minutes);
}, 1000);

Но что-то не могу понять, как сделать что бы этот код работал сразу с 6-ю блоками. Потому что при обновлении времени, время у всех блоках становится одинаковым.

Answer 1

[Роман]

используйте id или в случае с классами перебирайте каждый с помощью each()

Answer 2

[egoranisimov]

При получении элементов по классу в результате должен быть массив. Можно просто перебрать каждый элемент или задать жёстко по ключу нужное время в нужный элемент.

Answer 3

[Baxterok]

Всем спасибо. Рабочий код:

setInterval(function(){
	$( ".timezone-time" ).each(function() {
		var serverTime = $( this ).text();
		var serverHours = serverTime.split(':');
		var hours = parseInt(serverHours[0]);
		var date = new Date();
		var minutes = date.getMinutes();
		var seconds = date.getSeconds();
		if (hours < 10) hours = "0" + hours.toString(10);
		if (minutes < 10) minutes = "0" + minutes.toString(10);
		if (minutes == 59 && seconds == 59) {
			hours++
			if (hours == 24) {
				hours = "00";
			}
		};
		$( this ).html(hours + ":" + minutes);
	});
}, 1000);