あるクラスを持っていて外れた要素のみに処理を実行

Question

お手数ですが下記ご教示いただけますと幸いです。

▼概要
①JSの処理で下記のコードにテスト1から順番にcurrentというクラスをsetIntervalで一定時間ごとに付与→削除を繰り返す
②currentを持っていて、外れた要素にのみイベントを実行する

▼質問事項
①の方法は分かるのですが、②についての処理方法ご教示いただけると幸いです。

下記のJSの記述だとcurrentを持っていない要素全てに処理が実行されてしまいます。
「currentを持っていて、外れたばかりの要素」のみに実行させたいです。

▼コード

<ul class="parent">
  <li class="child">テスト1</li>
  <li class="child">テスト2</li>
  <li class="child">テスト3</li>
</ul>

if ($('.child').hasClass('current')) {
  $('.child').addClass('hoge');
} else {
  $('.child').removeClass('hoge');
}

不明点などございましたらコメントいただければと思います。

お手数ですがご教示願います。

Answer 1

addClass と removeClass が逆じゃありませんか？

Comments

[seiseik]

回答いただいていたにも関わらず、返信大変遅くなりました。
失礼しました。また回答いただきありがとうございます。
こちらの質問分かりづらくても恐縮ですが、hogeクラスはcurrentクラスを持っている要素にのみ付与し、またcurrentクラスが外れたときにhogeを外し、hogeが外れた要素にのみ処理を実行したかったです。
その場合上記の方法ではうまくいきませんでした。

Answer 2

外れた要素にのみイベントを実行

仕様がよくわかりませんが、はずす処理と一緒にその処理を実行してください

Comments

[seiseik]

回答に気づいておらず、返信大変遅くなりました。失礼しました。
ご指摘いただいた通り外す処理と同じタイミングで、実行すると想定通りの処理になりました。
ご回答いただきありがとうございました。