Select items that do not have specific words in their class attribute.

Question

How to select only <a>elements that do not have the word gallery inside the id or class attribute ? p>

Answer 1

Try this selector:

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

This will select every element athat does not have a "gallery" in its value idor its classatttribute.

Or for the full ID or class name:

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

This will select every item athat does not have a "gallery" as its identifier or class name.

Answer 2

:

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

Answer 3

not() http://api.jquery.com/not/

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

Answer 4

jquery hasClass, . .

check only class

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

or check both class and id

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