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

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

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

Спасибо

jquery css focus background selector

19.11.2008 15:17

Как конвертировать HTML в PDF с помощью jsPDF

В этой статье мы рассмотрим, как конвертировать HTML в PDF с помощью jsPDF. Здесь мы узнаем, как конвертировать HTML в PDF с помощью javascript.

1 963

Ответы 3

$('input').focus(function(){
    $(this).parent().parent().addClass('highlight');
}).blur(function(){
     $(this).parent().parent().removeClass('highlight');
});

19.11.2008 15:27

$('div input').focus(function(){
    $(this).parents('div:eq(0)').addClass('specialCSSclass');
}).blur(function(){
    $(this).parents('div:eq(0)').removeClass('specialCSSclass');
});

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

19.11.2008 15:28

Ближайший jQuery также является вариантом.

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

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

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

14.01.2011 22:14