CODEWITHSUNDEEP
jquery-selectors
Alan
Alan

Reputation: 180

jQuery: How to find elements *without* a certain class

Why does this fail...

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

...it's meant to sniff out input's that have not got the class .hadFocus and then when one of that subset receives focus it should zap the value to null.

Right now, input values are always getting zapped -- the test .not( 'input.hadFocus' ) is failing to stop execution.

Btw, preceding the above code is the following code, which is working fine:

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

Thanks for any cleverness - cheers, -Alan

Upvotes: 6

Views: 9502

Answers (2)

hwiechers
hwiechers

Reputation: 15015

You need the handler to run based on the current state of the element - not the state when it was bound. You probably need to use a live binding.

Try something like this:

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

Upvotes: 5

ozsenegal
ozsenegal

Reputation: 4143

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

good luck

Upvotes: 4

Related Questions