Показать сообщение отдельно
  #1 (permalink)  
Старый 11.11.2014, 15:05
Новичок на форуме
Отправить личное сообщение для InkyThousand Посмотреть профиль Найти все сообщения от InkyThousand
 
Регистрация: 11.11.2014
Сообщений: 8

Как изменить css одного div при наведении на другой с javascript?
Привет всем, подскажите пожалуйста
Как сделать, что бы при наведении на ссылку внутри дивов (подпункт списка 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','')
	;}
}
Ответить с цитированием