[jQuery]urlのパラメータを取得して判別する

<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script src="script.js"></script>

<nav>
<ul>
 	<li><a class="nav01" href="?id=id01">id=id01</a></li>
 	<li><a class="nav02" href="?id=id02">id=id02</a></li>
 	<li><a class="nav03" href="?id=id03">id=id03</a></li>
 	<li><a class="nav04" href="?id=id04">id=id04</a></li>
</ul>
</nav>
<ul class="tab">
 	<li class="id01">id=id01</li>
 	<li class="id02">id=id02</li>
 	<li class="id03">id=id03</li>
 	<li class="id04">id=id04</li>
</ul>

$(function(){
'use strict';
$('nav ul li a').removeClass('active');
$('ul.tab li').hide();

var urlParam = location.search.substring(1);
if(urlParam) {
var param = urlParam.split('&');
var paramArray = [];
for (var i = 0; i < param.length; i++) { var paramItem = param[i].split('='); paramArray[paramItem[0]] = paramItem[1]; } if(paramArray.id == "id01"){ $('nav ul li a.nav01').addClass('active'); $('ul.tab li.id01').show(); } if(paramArray.id == "id02"){ $('nav ul li a.nav02').addClass('active'); $('ul.tab li.id02').show(); } if(paramArray.id == "id03"){ $('nav ul li a.nav03').addClass('active'); $('ul.tab li.id03').show(); } if(paramArray.id == "id04"){ $('nav ul li a.nav04').addClass('active'); $('ul.tab li.id04').show(); } } });