data属性の値が等しければクラスの付与、削除をしたい。

swiperを使用したメインビジュアルの実装でスライドする画像[data属性]===表示するテキスト[data属性]としたい。

現在下記コードで動きとしてはあっているのですが、
switch文がゴリ押しのような気がしておりどうすればもっと簡潔にコードをまとめられるのかアイディアをいただきたいです。

swiperのスライドさせる要素をMutationObserverで監視
監視対象の.swiper-slide-activeがあるクラスのdata属性を取得
data-slide="00?"の最後の文字列をslice(-1)で取得-> parseInt()で数値として扱う
switch文で条件に合う場合の処理を追加

ということをやっているつもりです。
4.switch文で条件に合う場合の処理を追加
この部分の処理をもっと簡潔にできればと思っているのですが、アイディアが出ずにおります。

実際のコード

html
1          <div class="mv-content">
2            <div class="mv-hero swiper-container">
3              <div class="slide-group swiper-wrapper" id="mv-images">
4                <div class="mv-slide swiper-slide" data-slide="001"><img src="/program/meiji/assets/img/mv/mv-01.jpg" alt=""></div>
5                <div class="mv-slide swiper-slide" data-slide="002"><img src="/program/meiji/assets/img/mv/mv-02.jpg" alt=""></div>
6                <div class="mv-slide swiper-slide" data-slide="003"><img src="/program/meiji/assets/img/mv/mv-03.jpg" alt=""></div>
7                <div class="mv-slide swiper-slide" data-slide="004"><img src="/program/meiji/assets/img/mv/mv-04.jpg" alt=""></div>
8              </div>
9              <!-- Add Pagination -->
10              <div class="swiper-pagination__mv"></div>
11            </div>
12            <div class="slide-group__text">
13              <ul class="text-lists" id="text-lists">
14                <li class="active" data-slide="001">TEXT-1</li>
15                <li data-slide="002">TEXT-2</li>
16                <li data-slide="003">TEXT-3</li>
17                <li data-slide="004">TEXT-4</li>
18              </ul>
19            </div>
20          </div>

javascript
1import $ from 'jquery';
2import Swiper from 'swiper';
3
4/**
5 * @constructor
6 */
7
8let swiper = undefined;
9export default class MvSwiper {
10  constructor() {
11    this.mvSwiperAction();
12  }
13  mvSwiperAction() {
14    swiper = new Swiper('.mv-hero.swiper-container', {
15      autoplay: {
16        delay: 5000,
17      },
18      speed: 800,
19      spaceBetween: 0,
20      initialSlide: 0,
21      slidesPerView: 'auto',
22      centeredSlides: true,
23      loop: true,
24      effect: 'fade',
25      pagination: {
26        el: '.swiper-pagination__mv',
27        type: 'bullets',
28        clickable: false,
29      },
30    });
31    this.mvTextList();
32  }
33  mvTextList() {
34    const target = document.getElementById('mv-images');
35
36    const options = {
37      attributes: true,
38      attributeFilter: ['class', 'style'],
39      childList: true
40    };
41
42    const observer = new MutationObserver(() => {
43      let imageActiveDate = $('.swiper-slide-active').data('slide');
44      let textList = $('.text-lists li')
45      let textListNum = parseInt(imageActiveDate.slice(-1));
46
47      // console.log('画像のデータ', imageActiveDate)
48      // console.log('テキストのデータ', textList[textListNum - 1])
49
50      switch (imageActiveDate) {
51        case '001':
52          $(textList[textListNum - 1]).addClass('active')
53          $(textList[textListNum + 2]).removeClass('active')
54          $(textList[textListNum]).removeClass('active')
55          break;
56        case '002':
57          $(textList[textListNum - 1]).addClass('active')
58          $(textList[textListNum - 2]).removeClass('active')
59          $(textList[textListNum]).removeClass('active')
60          break;
61        case '003':
62          $(textList[textListNum - 1]).addClass('active')
63          $(textList[textListNum - 2]).removeClass('active')
64          $(textList[textListNum]).removeClass('active')
65          break;
66        case '004':
67          $(textList[textListNum - 1]).addClass('active')
68          $(textList[textListNum - 2]).removeClass('active')
69          $(textList[textListNum - 4]).removeClass('active')
70          $(textList[textListNum]).removeClass('active')
71          break;
72        default:
73          false
74      }
75    });
76
77    observer.observe(target, options)
78  }
79}
80

今回デザイン上スライドさせる対象のdivにまとめることが出来ずにわけております。
なので下記のようにすることができませんでした。

html
1
2 <div class="mv-slide swiper-slide" data-slide="001">
3　　<img src="/program/meiji/assets/img/mv/mv-01.jpg" alt="">
4　　<span>TEXT-1</span
5　</div>