Как в jquery стилизовать элемент родителя при его фокусе и вернуть прежние стили при выходе из фокуса

Есть элемент, мне нужно чтобы при его фокусе у родителя менялся background-color и после того как фокус перейдет на следующий элемент, вернуть родителю прежнее значение background-color. У меня получилось только назначить нужный background-color, но как вернуть прежнее значение я не знаю. Можете подсказать?

$(".child").focus(function(){
    $(this).parent().css('background-color', 'grey')
}
);

Ответы (1 шт):

Автор решения: Artemka1806

Для этого jQuery есть focusout()

// Фокус
$(".child").focus(function(){
    $(this).parent().css('background-color', 'grey')
}
);
// Выход из фокуса
$(".child").focusout(function(){
    $(this).parent().css('background-color', 'white')
}
);
→ Ссылка