Как добавить класс кнопке при hover?

Question

[Степан]

Есть вот такая верстка. Нужно как то сделать что бы при наведении на img добавлялся класс к btn
CSS не получилось почему то. Но и на js тоже не получается, либо класс добавляется к первому только (при этом наводить можем 4, все равно у первого) либоо вообще ничего не происходит

Мой код

$( '.content ').on('hover', function(){

        $( '.img ').each(function(elem){

            $(this).hover(function () {
                $(this).toggleClass('hover')
            });

        });
 });

Answer 1

[Роман]

в вашем коде во-первых, не хватает одной кавычки после имг. Во-вторых, ваш код гласит: "При наведении на элемент с классом контент с каждым изображением делаем Х". И зачем вы ховер в ховере вызываете?

Уж лучше бы вы сделали стили для кнопки, которые включаются только при наведении на изоражение, аля: img:hover ~ button { /* стили*/}

Answer 2

[Vadim Bogomazov]

CSS
jQuery

Answer 3

[Андрей Андреев]

Сделайте через CSS

.content:hover img {
...
}

Answer 4

[Глюкъ Виртуален]

Вы используете toggleClass, он не добавляет, а переключает.
Используйте addClass.

Answer 5

[Степан]

Все ответы верные. Проблема была в том что блоки создавались динамически и на них не вешался обработчик, а я думал что первые 6 блоков создаются не динамически. Всем спасибо!