Как правильно добавить класс при наведении
Привет! Подскажите пож-та.
При наведении мышки нужно у прародителя перебрать все элементы и если элемент не имеет потомка то ему добавить класс $('.MyElem').parent().parent().find('*').each(function(idx, elem) { if (!$(elem).children().length) $(elem).mousemove().addClass('Go'); }); |
mitrich38,
то что вы описали var parent = $('.MyElem').parent().parent(); parent.mousemove(function() { $(this).find('*').each(function(idx, elem) { if (!$(elem).children().length) $(elem).addClass('Go'); }) }) |
Да, не совсем точно описал.
скорее получается так нужно; 1) Присваиваем внутри прародителя элементам не имеющего потомка класс "Go" 2) При наведении на каждый элемент с классом "Go" присваиваем класс "animated" $(function() { $('.MyElem').parent().parent().find('*').each(function(idx, elem) { if (!$(elem).children().length) $(elem).addClass('Go'); }); $('.Go').mousemove(function(event) { $(this).addClass('animated'); }); Вроде так, но не работает( |
mitrich38,
сделайте макет, а что при отведении? и почему не .mouseover() или .mouseleave() ? |
Макет сложно сделать. я для muse делаю, а он там очень сложно все генерит, ручками долго прописывать.
Вот первая часть работает, "Go" добавляется а вторая часть не очень работает. Могу я html документ показать? |
mitrich38,
ничего не понял |
Цитата:
|
Такая идея
Есть элемент MyElem Всем элементам без потомка внутри его группы All дабавляем класс Go При наведении на класс Go Добавляем класс animated https://jsfiddle.net/cybLhbzj/2/ |
Ну вроде сам разобрался. Спасибо что уделили время!
|
mitrich38,
css .Go:hover {сюда правила из animated} и никаких $(this).addClass('animated'); }); |
Часовой пояс GMT +3, время: 12:33. |