На Hover добавить / удалить класс для div ребенка

0

Можно ли добавить класс к дочернему элементу div, который активно зависает? Я попытался использовать этот скрипт:

            $('.star, .ship').hover(
            function()
            { 
                $(this).children().removeClass('hidden');               },
            function() 
            { 
                $('.child').addClass('hidden'); 
            }
            );

однако это не сработает.

Теги:

2 ответа

1
Лучший ответ

Просто измените свой $('.child') в строке 7 на то, что вы сделали в строке 4: $(this).children().

$('.child') будет получать что-либо с child элементом класса, а не child элементами объекта, не зависающим.

Изменить: ваш последний код будет выглядеть так:

$('.star, .ship').hover(function(){
    $(this).children().removeClass('hidden');
},function(){
    $(this).children().addClass('hidden'); 
});
  • 0
    Я сделал это, и теперь это работает меньше. (Например, прежде чем я смог заставить его добавить класс, и класс остался бы там, но теперь класс даже не появляется)
  • 0
    Ваше редактирование сделало это! Спасибо чувак! хотя я создал новую проблему для себя ...
1

просмотрите обработчики событий mouseenter и mouseleave

Что-то вроде

$('.star, .ship').mouseenter(function{
    $(this).children().removeClass('hidden'); 
}) 

$('.star, .ship').mouseleave(function{
    $(this).children().addClass('hidden'); 
}) 
  • 0
    это тоже не работает.
  • 0
    обновил ответ

Ещё вопросы

Сообщество Overcoder
Наверх
Меню