Wordpressでの構築になります。
サイドバーに
<aside>
<div class="achiveArea">
<ul>
<?php wp_get_archives('type=yearly'); ?>
</ul>
</div>
</aside>
こういった形で年ごとのアーカイブを表示しています。
jQueryで2016年、2017年の各ページを開いた
際にサイドバーのli にcurrentを付加してcssで見た目を変更したいです。
http://〇〇◯/archives/date/2016
http://〇〇◯/archives/date/2017
各階層がこのようになっており2016と2017のところのurlが一致した際にliに.currentを与えたいです。
現状のjQueryは
<script type="text/javascript">
$(function() {
$('.achiveArea li').each(function() {
var $href = location.pathname.split(“/“)[3];
if (location.href.match($href)) {
$(this).addClass('current');
} else {
$(this).removeClass('current');
}
});
});
</script>
こちらになっております。
お分かりになる方よろしくお願い致します。