2016.02.02

【jQuery】クリックしたリストをアクティブにするシンプルなコード

Category: JavaScript / jQuery

Tags,

//リンクリスト設定
var linkList = $('#color-list li');
//リストをクリックした時の処理
linkList.on('click', function () {
//リンクのclass設定をリセット
linkList.removeClass('current');
//クリックしたリストにcurrentのclassを追加
$(this).addClass('current');
});

jQueryでクリックしたリストをアクティブにするサンプルコードです。クリックした要素にclass「current」を追加します。

関連リンク

Category : JavaScript / jQuery