how to remove elements without a specified class

Question

Hi,

I've got a big HTML page. Some elements (can be p, h1, div etc.) are tagged with the class 'keep_me'. I need to remove all the elements present in the page WITHOUT this class? Any idea on how to do it with jQuery?

I tried with something like that, but it doesn't work (obviously ;) :

jQuery('#content *').remove(":not('[class=keep_me]')");

Answer 1

Just do:

jQuery('#content :not(.keep_me)').remove();

See the documentation:

jQuery(':not(selector)')

Selects all elements that do not match the given selector.

Answer 2

have you tried sth like this

if($('#some_id').hasClass('myclass')) {
  ... do something ...
}
else {
  ... do something else ...
}

Answer 3

$('#content').find('*').not('.keep_me').remove();

It's probably better (faster), to reverse the whole thing:

var $content = $('#content'),
var $keep    = $content.find('.keep_me');

$content.replaceWith($keep);

Answer 4

Use not():

The .not() method is typically faster and may end up providing you with more readable selections than pushing complex selectors or variables into a :not() selector filter.

$('#content *').not('.keep_me').remove();