css selector for all input elements except a few

Question

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?

Are you sure you want a pure CSS selector and not use any of the ones jQuery offers? Because :input is not a CSS selector. — BoltClock
– BoltClock, Commented Feb 8, 2013 at 6:23
Sorry.. I thought :input is a CSS selector. Anyways :input:not([id^=keypress_]) has done the trick for me — Bhuvan
– Bhuvan, Commented Feb 8, 2013 at 7:04

Explosion Pills · Accepted Answer · 2013-02-08 05:09:01Z

3

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 () {

answered Feb 8, 2013 at 5:09

Explosion Pills

192k56 gold badges341 silver badges417 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Álex Filipe · Accepted Answer · 2013-02-08 05:17:28Z

0

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/

edited Feb 8, 2013 at 5:17

answered Feb 8, 2013 at 5:11

Álex Filipe

11 bronze badge

Collectives™ on Stack Overflow

css selector for all input elements except a few

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related