Question

Is it possible to select a class of a page without selecting the same class which were encapsulated in a special div?

something like:

$(!".container").$(".selectedClass").dosomething..

or

$(".selectedClass").parent(!"container").dosomething..

Here’s some example…

<div class="blah">
    <div class="remove"><div>
</div>
<div class="blaha">
    <div class="remove"><div>
</div>
<div class="dont_remove_remove_here">
    <div class="remove"><div>
</div>
<div class="blahblah">
    <div class="remove"><div>
</div>

I want to remove all classes “remove” but not in the “dont_remove_remove_here” container.

Answer 1

I would never use the other ‘div:not(.container)’ answers on this page in production code because it would lead to extremely slow performance.

The code below is much more efficient:

      $(".remove").each(function(i,elt) {
        if (!$(elt).parent().hasClass("dont-remove")) {
           $(elt).remove();
        }
      });