Question

I have a simple jQuery selector that selects all links without a class of noValidate. It works great if I only have 1 class on an item however if I add a second class it will no longer find the class. How can I easily check if the class contains noValidate instead of is equal to it.

Current Selector

$('a[class!=noValidate]').click(function() {     //Magic Happens }); 

Works on:

<a href='#' class='noValidate'> 

Fails on

<a href='#' class='noValidate className2'> 

Answer 1

Any reason you are marking those links that shouldn’t be validated as opposed to those that should? It would be much easier the second way, but if you need to stick to this then the you could do something like this:

$('a:not(.noValidate)').click(...); 

This is using the not selector and only selecting links that don’t have the class ‘noValidate’. Internally jQuery has to get all the links in the page to see whether it has the class or not, which is not very efficient. Ideally, you would just give a class to links that should be validated, then you can do:

$('a.validate').click(...); 

Much nicer, no? Much faster, too.