Выделение активной ссылки

[monah1983]

<div class="menu4">
    <a href="http://рррр.by/user/items">Все</a>
    <a href="http://ррр.by/user/items?itemType=expired">Активные</a>
    <a href="http://ррр.by/user/items?itemType=blocked">Блокированные/Модерация</a>
    <a href="http://рр.by/user/items?itemType=premium">VIP</a>
</div>

вот этим пытаюсь присвоить класс active для активной ссылки, но ничего не получается(((

<script>
 $(function() { 
 $('.div.menu4 a').each(function() {
  var thisTab = window.location.href; 
  var thislink = $(this).attr('href');
   if(thisTab == thislink){$(this).addClass('active');}
  });
});
  
</script>

.menu4 .active {
    background: #B271E8;}
.menu4 a:hover {
  background-position:0 0; 
  background-color: #f8f8f8; 
  color:#4400aa; 
  border-radius:6px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
}

может что ни так делаю...

[рони]

monah1983,
посмотрите чему у вас равно thisTab и thislink на самом деле

[Infinity178]

<div class="menu4">
<a href="http://URL1">URL 1</a>
<a href="http://URL2">URL 2</a>
</div>

$('.menu4').find('a').each(function(){
var urlNow = window.location.href;
var urlLink = $(this).attr('href');
if(urlLink = urlNow) {
$('a[href="'+urlNow+'"]').addClass('active');
}
});

var urlNow = window.location.href;
$('a[href="'+urlNow+'"]').addClass('active');

[рони]

Infinity178,
4 строка второго кода радует глаза

[рони]

Infinity178,
2 код строки 1,3,4,6,7 лишние

[Infinity178]

Импровизация)) но работает же)

[Infinity178]

хм... поддерживаю
не обдумал

но эти сроки нужны если скажем - многоуровневое или доп. :HOVER и т.п. будет

[monah1983]

<script>
 $(function() { 
var urlNow = window.location.href;
$('a[href="'+urlNow+'"]').addClass('active');
});
  </script>

<div class="menu4">
    <a href="http://hhhhh.by/user/items">Все</a>
    <a href="http://hhhh.by/user/items?itemType=expired">Активные</a>
    <a href="http://hhhhh.by/user/items?itemType=blocked">Блокированные/Модерация</a>
	<a href="http://hhhhh.by/user/items?itemType=premium">VIP</a>
</div>

.menu4 a.active {
	background: #B271E8;}
.menu4 a:hover {
  background-position:0 0; 
  background-color: #f8f8f8; 
  color:#4400aa; 
  border-radius:6px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
}

я понимаю должно так быть?

[Infinity178]

все правильно понимаете

[monah1983]

все равно не работает.... 3 день уже бьюсь головой об стенку