Обновление данных в блоках?

Question

[LyciferZla]

Код JS:

function loadtime() {
  var id = $('button.buttonLoad').attr('id');
    $.ajax({
      url: '/village',
      success: function() {
        $('div.VillageMineButton').load(document.URL + ' button#' + id);
      }
    });
};

setInterval(loadtime, 1000);

Код HTML:

<div class="VillageMineButton">
									<button id="<?=$mine['id']?>" class='buttonLoad'<?if(($mine['time'] >= (time() - $timerMiners)) && ($mine['off'] == 'Работа')) 
										{?>disabled <?}elseif(($mine['time'] <= (time() - $timerMiners)) && ($mine['off'] == 'Работа')){?>onclick="CollectionMine()"<?} else{?>onclick="StartMine()"<?}?>>
										<?if(($mine['time'] >= (time() - $timerMiners)) && ($mine['off'] == 'Работа')) 
										{ echo '<i class="far fa-pause-circle"></i> '.gmdate("H:i:s", ($mine['time']+$timerMiners)-time());} elseif (($mine['time'] <= (time() - $timerMiners)) && ($mine['off'] == 'Работа')) {echo "Собрать";}
										else {?>Запустить<?}?>
									</button>
								</div>

Сейчас данный код при обновлении блоков меняет id блоков на id=1

До обновления блоков:



и тем самым нарушается работа блоков.

После обновления блоков:



Как сделать что бы обновление блоков происходило корректно?

Comments

[Антон Неверов]

Чё вы сделать то хотите? Какой-то ужас нелогичный происходит.

[LyciferZla]

Антон Неверов, есть к примеру n-ое кол-во блоков (шахты). Допустим, запуская одну шахту, запускаются (визуально) все, тк при автообновлении блоков происходит подмена id ( button id="<?=$mine['id']?>" ). Вопрос: как избавиться от этого визуального коллабса и сделать так что бы все отображалось корректно?

[Антон Неверов]

Зачем вам id? Если вы визуально меняете только внешний вид - используйте классы.

Код на JSFiddle опубликуйте.