【jquery】ラジオボタンみたいにクリックした要素以外非アクティブ化

複数の要素があって一つクリックしたら他の要素からclassが外れるみたいなことをしたかったけど、パッと思いつかなかったから備忘録

クリックした一つの要素以外非アクティブ

クリックした要素以外にclassactiveがあったら削除するコード

<style>
.active{
  background: red;
}
</style>

<ul>
	<li>テスト1</li>
	<li>テスト2</li>
	<li>テスト3</li>
	<li>テスト4</li>
	<li>テスト5</li>
</ul>

<script>
jQuery(function($){
	$('ul li').on('click', function(){
		if($(this).not('active')){
			$(this).addClass('active').siblings('li').removeClass('active');
		}
	});
});
</script>

終わり