CODEWITHSUNDEEP
jqueryjquery-selectorscss-selectors
Bhuvan
Bhuvan

Reputation: 2229

css selector for all input elements except a few

I have a HTML form containing 10 input elements and I want to call a function on keypress on each of those input elements except 2 of those

$(":input").live("keypress", function(e){ 
// something...
});

The above selector will work for all input elements. But I want to exclude 2 of my input elements (By id or By class) from the above code. How shall I do it? Is there an exclude/ not feature in css selector?

The other way of doing it can be by appending the id's of the input elements to be included by something like "keypress_" and then using 

$("[id^=keypress_]").live("keypress", function(e){ 
// something...
});

But I donot want to change the HTML ids. Can this be done by css selector?

Upvotes: 0

Views: 478

Answers (2)

Álex Filipe
Álex Filipe

Reputation: 1

There's a :not() selector in jQuery, and also a .not() method.

This may work for you:

$(":input:not([id^=keypress_])")

Or this:

$(":input").not("[id^=keypress_]")

This link may have more information. http://api.jquery.com/not-selector/

Upvotes: 0

Explosion Pills
Explosion Pills

Reputation: 191729

You can either use :not selector or the .not jQuery method. Both should work the same in this case.

$(":input:not([id^=keypress_]")
$(":input").not("[id^=keypress_]")

Do not use .live as it has been removed in jQuery 1.9. Use event delegation via .on instead:

$(document).on('keypress', ':input:not([id^=keypress_])', function () {

Upvotes: 3

Related Questions