[jQuery] Selector

Question

How do I select only <a> elements which doesn't have the word gallery inside its id or class attribute?

Answer 1

Try this selector:

a:not([id*=gallery], [class*=gallery])

This will select each a element that does not have “gallery” in either its id or its class atttribute value.

Or for a full ID or class name match:

a:not([id=gallery], [class~=gallery])

This will select each a element that does not have “gallery” as its ID or as a class name.

Answer 2

One way is to go about like this:

$('a').each(function(){
  if ($(this).attr('class').indexOf('gallery') == -1 && $(this).attr('id').indexOf('gallery') == -1) { 
    // your code....
  }
});

Answer 3

Use the not() method http://api.jquery.com/not/

$("a").not(document.getElementById('gallery'))

Answer 4

there is a hasClass selector in jquery you can use that. try this.

check for class only

$('a').each(function(){
if (!$(this).hasClass('gallery'))
  {
       //code here
  }
}); 

or check for both class and id

$('a').each(function(){
if (!$(this).hasClass('gallery') && $(this).attr('id').indexOf('gallery') == -1)
  {
       //code here
  }
});