Question

How can I use jQuery to select all div elements that do not contain a class starting with the string ‘upper’ and do not contain a class starting with the string ‘lower’. I tried the following couple of examples with no success:

$('div:not([class^=upper])').filter(':not([class^=lower])')

and

$('div').not('[class^=upper])').not('[class^=lower])')

Please advise…

Answer 1

This is a bit verbose, but it should do the trick –

$('div').filter(function() {
  return $(this).attr("class").substring(0,5).toLowerCase() != 'upper' && $(this).attr("class").substring(0,5).toLowerCase() != 'lower'
})