jQuery: как найти элементы * без * определенного класса

Question

Почему это не получается ...

$( 'div.contactAperson input' ).not( 'input.hadFocus' ).focus(function() {
    $(this).attr('value', '' );
});

... он предназначен для прослушивания входных данных, которые не получили класс .hadFocus, а затем, когда один из этого подмножества получает фокус, он должен уменьшить значение до нуля.

В данный момент входные значения всегда сокращаются - тест .not ('input.hadFocus') не может остановить выполнение.

Кстати, перед приведенным выше кодом следующий код, который работает нормально:

$( 'div.contactAperson input' ).focus(function() {
    $( this ).addClass( 'hadFocus' );
});

Спасибо за любой ум - ура, -Алан

Answer 1

Вам нужно, чтобы обработчик работал на основе текущего состояния элемента, а не состояния, когда он был связан.Вам, вероятно, нужно использовать live привязку.

Попробуйте что-то вроде этого:

$('div.contactAperson input:not(.hadFocus)').live('focus', function() {
    $(this).attr('value', '' );
});

Answer 2

$( 'div.contactAperson > :input' ).not( ':input.hadFocus' ).focus(function() {
    $(this).attr('value', '' );
});

удачи