Элемент предка стиля ввода формы: focus (jQuery) - PullRequest
Новая
       37

Элемент предка стиля ввода формы: focus (jQuery)

1 голос
/ 19 ноября 2008

У меня есть форма с DIV, 3 ВХОДА, каждый ВХОД находится внутри элемента LABEL. Я хотел бы изменить фоновое изображение элемента DIV при фокусировке на каждом входе.

Я не могу вернуться на DOM, чтобы исправить это с помощью CSS, поэтому кто-то может предложить несколько строк jQuery, пожалуйста?

Спасибо

Ответы [ 3 ]

3 голосов
/ 19 ноября 2008 
$('div input').focus(function(){
    $(this).parents('div:eq(0)').addClass('specialCSSclass');
}).blur(function(){
    $(this).parents('div:eq(0)').removeClass('specialCSSclass');
});

Вам необходимо создать класс в вашем CSS, а затем заменить его на «specialCSSclass».

1 голос
/ 19 ноября 2008 
$('input').focus(function(){
    $(this).parent().parent().addClass('highlight');
}).blur(function(){
     $(this).parent().parent().removeClass('highlight');
});
0 голосов
/ 14 января 2011

jQuery ближайший также вариант. 

closest( selector )
    .closest( selector )
    .closest( selector, [ context ] )
closest( selectors, [ context ] )
    .closest( selectors, [ context ] )

Согласно описанию. Получить первый элемент-предок, соответствующий селектору, начиная с текущего элемента и продвигаясь вверх по дереву DOM.

http://api.jquery.com/closest/

...