Web production note

 【更新日 :

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

Category:
jQuery
Tags:
,

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

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

参考リンク