Как добавить класс в jquery, когда меняется значение другого атрибута?

Question

Я работаю над HTML-кодом, как показано ниже.Снимок экрана под кодом принадлежит классу schedule-action-bar из кода ниже.(удалено ct, at nt из кода на данный момент, чтобы минимизировать мой вопрос)

<div class="schedule-wrapper" id="js-schedule-wrapper" data-timezone="nt">    <!-- It changes to pt, mt, and et --> 
   <div class="schedule-action-bar" onclick="timezoneCheck()">
      <div class="schedule-timezone-filter">
         Select your timezone:            
         <ul id="js-timezone-picker">
            <li>
               <button id="js-time-pt" class="" data-timezone="pt">PT</button>
            </li>
            <li>
               <button id="js-time-mt" class="" data-timezone="mt">MT</button>
            </li>
            <li>
               <button id="js-time-et" class="" data-timezone="et">ET</button>
            </li>
         </ul>
      </div>
   </div>
   <!-- want to add this class -->
   <!--
   <div class="schedule-date-bar">
      April 12            
   </div>
   -->
   <div class="schedule-show">
      <div class="schedule-show-time">
         <time datetime="21:00 11-04-2019" data-timezone="pt">21:00</time>
         <time datetime="22:00 11-04-2019" data-timezone="mt">22:00</time>
         <time datetime="00:00 12-04-2019" data-timezone="et">00:00</time>
      </div>
   </div>
   <!-- .schedule-show -->
</div>

Снимок экрана:

Постановка проблемы:

Когда в пользовательском интерфейсе выбран другой часовой пояс (на снимке экрана), значение data-timezone изменяется на pt, mtи др. в строке № A.Сейчас я хочу добавить <div class="schedule-date-bar"> <!-- whatever date belong to the respective timezone --> </div> перед schedule-show классом

<script>
    function timezoneCheck() {
        jQuery(function ($) {
            $("#js-schedule-wrapper").click(function () {
                if ($('#js-schedule-wrapper').attr('data-timezone') === 'et') {

                } else if ($('#js-schedule-wrapper').attr('data-timezone') === 'pt') {

                } else if ($('#js-schedule-wrapper').attr('data-timezone') === 'mt') {

                } 
            })
        })
    }
</script>

. Это то, что я пробовал выше, но нужно сделать больше.