Изменять класс блока при hover вложенного в него элемента

382

24 ноября 2016, 10:03

Здравствуйте. задача нескольких абстрактная и не связана с конкретной версткой, потому без указания html опишу задачу в Dom есть множество элементом, представим, что в блоке есть ссылка. надо добавлять/удалять класс у блока при наведении курсора на ссылку. при этом блок или любой другой элемент может быть в разной удаленности в структуре, главное, что элемент ща пределами ссылки и поэтому нужен js/jquery , чистый CSS тут не поможет. ценлять все следует на классы

Answer 1

допустим что верстка выглядит так

<div class="hover">
    <div><a class='linkToHover'>Ссылка</a></div>
</div>

внутри которого ссылка, тогда код будет выглядеть так

$('a.linkToHover').hover(function(){
    $(this).parents('.hover').addClass('hoverClass');
},function(){
    $(this).parents('.hover').removeClass('hoverClass');
})

если не является родителем то тогда по классу напрямую

$('a.linkToHover').hover(function(){
    $('.hover').addClass('hoverClass');
},function(){
    $('.hover').removeClass('hoverClass');
})

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Задать для :before стиль через jquery

Есть ли способ задать в скрипте для :before у кнопки с классом. btn-expand стиль transform:rotate(360deg); ? Пробовала просто так сделать, но не работает.

432

jQuery