как удалить элементы без указанного класса

Question

У меня большая HTML-страница. Некоторые элементы (могут быть p, h1, div и т. Д.) Помечены классом keep_me. Мне нужно удалить все элементы, присутствующие на странице БЕЗ этого класса? Есть идеи, как это сделать с помощью jQuery?

Я пробовал что-то подобное, но это не работает (очевидно;):

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

Answer 1

Просто выполните:

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

См. Документацию :

jQuery (': not (селектор)')

Выбирает все элементы, которые не соответствуют данному селектору.

Answer 2

Использовать не () :

Метод .not (), как правило, быстрее и может в конечном итоге предоставить вам с более читаемым выбором, чем нажатие сложных селекторов или переменные в селекторный фильтр: (не).

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