title: How to select all elements, except one and all its children using JavaScript?
body: <p>With the following HTML, how can I select all divs at parent level only, except div with attribute - <code>class="first"</code> and its children using JavaScript?</p>
  
  <p>In other words, after calling a query I want to get an array with these divs: <code>class="all"</code>, <code>class="second"</code> and <code>class="third"</code>.    </p>
  
  <pre><code>&lt;div class="all"&gt;
      &lt;div class="header"&gt;All&lt;/div&gt;
      &lt;div class="cell-1"&gt;&lt;/div&gt;
      &lt;div class="cell-2"&gt;&lt;/div&gt;
      &lt;div class="cell-3"&gt;&lt;/div&gt;
      &lt;div class="cell-4"&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="first"&gt;
      &lt;div class="header"&gt;First&lt;/div&gt;
      &lt;div class="cell-1"&gt;&lt;/div&gt;
      &lt;div class="cell-2"&gt;&lt;/div&gt;
      &lt;div class="cell-3"&gt;&lt;/div&gt;
      &lt;div class="cell-4"&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="second"&gt;
      &lt;div class="header"&gt;Second&lt;/div&gt;
      &lt;div class="cell-1"&gt;&lt;/div&gt;
      &lt;div class="cell-2"&gt;&lt;/div&gt;
      &lt;div class="cell-3"&gt;&lt;/div&gt;
      &lt;div class="cell-4"&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="third"&gt;
      &lt;div class="header"&gt;Third&lt;/div&gt;
      &lt;div class="cell-1"&gt;&lt;/div&gt;
      &lt;div class="cell-2"&gt;&lt;/div&gt;
      &lt;div class="cell-3"&gt;&lt;/div&gt;
      &lt;div class="cell-4"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>