前提・実現したいこと
クリックした要素のクラスによって処理を分けたく、その処理のひとつにクラスの付け替えがあるとします。
発生している問題・エラーメッセージ
toggleClass('is-active')
でクラスの付与は出来るのですが、removeが出来ません。
該当のソースコード
HTML
1<ul> 2 <li class="test1">テスト1</li> 3 <li class="test2">テスト2</li> 4 <li class="test3">テスト3</li> 5</ul>
js
1function init() { 2 $('li').on('click', (event) => { 3 const self = $(event.currentTarget); 4 const targetClass = self.attr('class'); 5 6 if(targetClass == 'test1') { 7 // 問題の箇所 8 self.toggleClass('is-active'); 9 } 10 }); 11} 12 13init();
試したこと
if文の中でなければtoggleClass
は正常に動作します
スコープの問題なんでしょうか…
よろしくお願いします!
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/05/12 15:12