Привет!
Есть список
<ul class="menu">
<li class="menu-item"><a class="menu-link">ссылка 1</a></li>
<li class="menu-item"><a class="menu-link">ссылка 2</a></li>
<li class="menu-item"><a class="menu-link">ссылка 3</a></li>
<li class="menu-item"><a class="menu-link">ссылка 4</a></li>
</ul>
стиль
.menu-link {
color: #abc;
}
нужно менять цвет ссылки при наведении на курсора мыши на LI.
************************************************** *****
Вот что я натворил
$(document).ready(function(){
$("li.menu-item").mouseenter(function(event) {
var element = event.target;
var elementChild = element.firstChild;
// element.style.background = '#abc'; - Это работает
elementChild.style.color = '#abc'; - Это не работает, в rgb тоже задавал
// alert(element.nodeName); - Выдает #text
// alert(element.tegName); - Выдает undefinde, я так понял дело в этом
});
});
************************************************** *******
Помогите решить задачу. Думаю я просто не туда свернул. Или затупил ...
По моему тут все просто должно быть, но что то я не справляюсь.