Привет всем, подскажите пожалуйста
Как сделать, что бы при наведении на ссылку внутри дивов (подпункт списка li) item менялся допусти background ссылки в диве category, но только именно "брата" - т.е. в рамках одного li?
<ul>
<li>
<div class="category"><a>need-url</a></div>
<div class="item"><a>url</a></div>
<div class="item"><a>url</a></div>
<div class="item"><a>url</a></div>
</li>
<li>
<div class="category"><a>need-url</a></div>
<div class="item"><a>url</a></div>
<div class="item"><a>url</a></div>
<div class="item"><a>url</a></div>
</li>
</ul>
Я вот сделал так, но меняются стили у всех div'ов с классом category, а как сделать что бы менялся только тот который находится в одном li - ну как бы заголовок Блока ссылок
var elm_list = document.querySelectorAll('.item a');
for(var i=0; i<elm_list.length; i++) {
elm_list[i].onmouseover = function() {
$('.category a').css('background','url(/image/ico-catalog-bgr.png) repeat-x')
;}
elm_list[i].onmouseout = function() {
$('.category a').css('background','')
;}
}