cách xóa các phần tử không có lớp được chỉ định

Question

Tôi có một trang HTML lớn. Một số phần tử (có thể là p, h1, div, v.v.) được gắn thẻ với lớp 'keep_me'. Tôi cần xóa tất cả các phần tử có trong trang KHÔNG CÓ lớp học này? Bất kỳ ý tưởng về làm thế nào để làm điều đó với jQuery?

Tôi đã thử với một cái gì đó như thế, nhưng nó không hoạt động (rõ ràng;):

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

Answer 1

Chỉ cần làm:

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

Xem documentation:

jQuery (': not (selector)')

Chọn tất cả các phần tử không khớp với bộ chọn đã cho.

Answer 2

Sử dụng not():

Các .not() phương pháp là thường nhanh hơn và có thể sẽ cung cấp cho bạn với các lựa chọn có thể đọc được nhiều hơn đẩy selectors phức tạp hoặc biến thành một: không() chọn lọc .

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