なぜわざわざactiveクラスを削除するのでしょうか。

Question

コード/**
 * selectorに該当するタブを表示する
 */
const showTab = (selector) => {
  // 引数selectorの中身をコンソールで確認する
  console.log(selector);

  // いったん（ひとまず）、すべての.tabs-menu liからactiveクラスを削除する
  $('.tabs-menu li').removeClass('active');
  // .tabs-menu liのうち、selectorに該当するものにだけactiveクラスを付ける
  $(`.tabs-menu a[href="${selector}"]`)
    .parent('li')
    .addClass('active');

  // いったん、すべての.tabs-content > sectionを非表示にする
  $('.tabs-content > section').hide();
  // .tabs-content > sectionのうち、selectorに該当するものだけを表示する
  $(selector).show();
};

// タブがクリックされたらコンテンツを表示
$('.tabs-menu a').on('click', (e) => {
  // hrefへのページ遷移とを止める
  e.preventDefault();

  // hrefの値を受け取ってshowTab()関数に渡す。e.targetはクリックされたタブ（.tabs-menu a）を表す
  const selector = $(e.target).attr('href');
  showTab(selector);
});

// 初期状態として1番目のタブを表示
showTab('#tabs-1');

前提・実現したいこと

ここに質問の内容を詳しく書いてください。
（例）PHP(CakePHP)で●●なシステムを作っています。
■■な機能を実装中に以下のエラーメッセージが発生しました。

発生している問題・エラーメッセージ

なぜわざわざactiveクラスを削除するのか分からない

エラーメッセージ

該当のソースコード

ソースコード  // いったん（ひとまず）、すべての.tabs-menu liからactiveクラスを削除する
  $('.tabs-menu li').removeClass('active');
  // .tabs-menu liのうち、selectorに該当するものにだけactiveクラスを付ける
  $(`.tabs-menu a[href="${selector}"]`)
    .parent('li')
    .addClass('active');

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[m.ts10806]

自分が書いた質問をよく読んでください
出典も何も書いていないので「自分が書いたコードを他人に説明させようとしている」形になっています。

Answer 1

なぜわざわざactiveクラスを削除するのでしょうか。

提示したコードがどこかのサイトなどで公開しているものであれば、この質問は成立するでしょうが、出典も明示されておらず、このような質問をされても、回答者にとっては「知ったことではない」。 作者に聞けという回答になります。

かのような質問をする場合、出典を明示すべきです。

そしてこの質問を読んで何を思うかというと、むしろ、あなたが「なぜ不要だと思ったのか」という理由も明示されていないので、十分な考察がなされていない質問に感じます。

ということで、改めて質問を見直していただき、再度ご質問ください。

Answer 2

なぜわざわざactiveクラスを削除するのでしょうか。

それは書いた人にきいてください

可能性としては

• cssで修飾している関係
• jsで.activeに挙動させている関係

とかですかね

Answer 3

なぜわざわざactiveクラスを削除するのか分からない

では、削除するコードを無効化した上で実行してみましょう。おそらく、activeになるタブがどんどん増えていくことと思われます。

Answer 4

出典元に問い合わせてください。
これだけで教えろと言われても無理です。本意はコードを作った人のみぞ知る

それにこの質問からするとテックアカデミー受講者のようですが、そちらに問い合わせては？何のためにオンライン学習を受講しているのでしょうか。
このような質問をしなければならなくなった経緯は知りたいですね。
学習カリキュラムがイケてないのか、受講者の問題なのか。
いずれにしてもここで聞くのは間違ってます。