Как правильно добавить класс при наведении
Привет! Подскажите пож-та.
При наведении мышки нужно у прародителя перебрать все элементы и если элемент не имеет потомка то ему добавить класс
$('.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, время: 00:39. |