JQuery selectors and state

Question

We have a requirement in the application that when we click on all images that do not have the css "xyz" class, we want to call the function. We are trying to write it something like this:

$('input[type=image] class=xyz').click(function(){//something});

It does not seem to work. The ideal scenario would be that all the images when clicked perform some functionality, except that which has CSS as "xyz".

What am I doing wrong?

I use input as I use JSF and this command button is displayed as a component of input type with src as image.

Thanks for your help in advance. Greetings

Answer 1

I think you want to use not .

This should do it:

$('input[type=image]').not(".xyz").click(function(){//something});

not selector.

$('input[type=image]:not(.xyz)').click(function(){//something});

.

Answer 2

, , css "xyz", .

JQuery:

• , CSS

:

$('input[type=image],img').not('.xyz').click(myFunc);

Answer 3

you can remove elements from a selection that have a specific class or identifier using a non- function:

$("input[type=image]").not(".xyz").click(function(){....});

Answer 4

try the following:

$('input[type=image][class!=xyz]').click(function(){//something});

Answer 5

This should do it:

$('input[type=image]:not(.xyz)').click(function(){//something});