Shakhrom Mukumov

Если я правильно понял, то как вариант:

Насколько я понял currentCount -- объект, в котором находятся списки.
Что у вас получается?
Получается, что при каждом входе в цикл очищается, и только после добавляется значение. Вот и видите вы только последний результат.

Первый вариант -- то, что у вас сейчас, второй -- вам нужно так.

$('.tab__list').on('click', '.tab__item', function() {
  const
    $this = $(this),
    { label, ...attrs } = text[$this.data('tab')];

  $this.siblings().removeClass('tab__item--active');
  $this.addClass('tab__item--active');
  $('#formField').attr(attrs);
  $('#formLabel').text(label);
});

Страшно представить, для чего вам это!

// Каждые 4 секунды
setInterval(function(){
	
  // Сначала удаляем старый класс, и сразу добавляем нужный
  $('div')
    .removeClass('someClass')
    .addClass('yourClass');

}, 4000);

Если делаете зацикливание анимации, то это делается через css в 2 счёта

var N = 5000; // 5 секунд

setInterval(function(){
  $('#targetBlock').toggleClass('className');
}, N);

Пример: https://jsfiddle.net/1Lg01xmu/

У вас ведь есть класс "panel". Через него и добавляйте.

$('.panel').each(function( index ) {
      var bgColor = $(this).css('background-color');
      $(this).attr('data-color', bgColor); 
});

Подозреваю, что как-то так.

$(document).ready(function() {
      $('.panel0 .panel1 .panel2').each(function(i, e) {
        var bgColor = $(this).css('background-color'); //Определяем цвет фона
        $(this).attr('data-color', bgColor); //Добавляем атрибут с найденным цветом фона
      })						
    });

Ещё можно .panel0 .panel1 .panelX заменить на div и операция будет проходить со всеми слоями вообще...

$('.panel').each(function () {
      var bgColor = $(this).css('background-color'); //Определяем цвет фона
      $(this).attr('data-color', bgColor); //Добавляем атрибут с найденным цветом фона
});