A combination of AND and OR in Jquery selectors.

Question

Hi all.

I have a jquery selector with following syntax.

$('input[type=image]').not(".xyzClass").click(function{//some functionality})

So this puts a specific click functionality for all the components which are of type image and does not have class "xyzClass".

*I have modified the question to reflect latest changes, some of the answers below are correct for previous version but may not hold correct for modified version. Apologies for that.

We need an OR condition with class condition. Such that Any component which is "input" having type as image, should be selected IF 1. class is not "xyzClass" OR 2. id contains string "someIdString"

Could you please help with the modification in existing selector?

Cheers.

Answer 1

to do an "OR" use a comma:

$('input[type=image]')
    .not(".xyzClass,[onclick*='someSpecificFunctionality()']")
    .click(...);

I'm not sure how you're defining the onclick though: is it in your HTML or is added programmatically?

Answer 2

Updated answer

$('*:not(.xyzClass)[id*=containsThisValue]')

For your updated question, though this isn't optimized I would recommend specifying as much as you can.

Original answer:

function someSpecificFunctionality() {
}

$(els)

.click(someSpecificFunctionality)
.data('someSpecificFunctionality', true)


$(els).filter(function() {

    return 
        $(this).not('.xyzClass') && 
        $(this).data('someSpecificFunctionality') == true

});

Answer 3

$(":image:not(.xyzClass),:image[onclick*='someSpecificFunctionality']");