title: jQuery selector all elements not in subclass
body: <p>Given this HTML (can be different) somewhere on the page:</p>
  
  <pre><code>&lt;div id="start"&gt;
  &lt;div&gt;
      &lt;div class="buttons"&gt;select this&lt;/div&gt;
      &lt;div class="myControl"&gt;
          &lt;div class="buttons"&gt;dont select this&lt;/div&gt;
      &lt;/div&gt;
      &lt;div&gt;
          &lt;div class="buttons"&gt;select this&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;​
  </code></pre>
  
  <p>I want to mark all elements with class <code>buttons</code> red:</p>
  
  <pre><code>$('#start').find('.buttons').css('color','red');​
  </code></pre>
  
  <p>but <strong>not</strong> if they are inside of <code>myControl</code>, so only the "select this" divs should be red.</p>
  
  <p>In pseudocode the selector would be</p>
  
  <blockquote>
    <p>Take every element with class "buttons" but ignore everything 
    in elements with class "myControl"</p>
  </blockquote>
  
  <p>I prepared a <strong><a href="http://jsfiddle.net/marcgrabow/QqRuV/" rel="nofollow">jsfiddle here</a></strong>.</p>
  
  <hr>
  
  <p><strong>EDIT</strong></p>
  
  <p>I wasn't aware of the fact that the start div can have the "myControl" class as well (tried to strip down the code from my project as far as possible to make it readable), so actually it looks like this (and the complete block could be nested in more divs with myControl as well). </p>
  
  <p>So unfortunately the (correct for my original question) answers doesn't work in that situation, sorry for that! Any idea how to tweak one of the answers to solve this?</p>
  
  <pre><code>&lt;div class="myControl" id="start"&gt;
  &lt;div&gt;
      &lt;div class="buttons"&gt;select this&lt;/div&gt;
      &lt;div class="myControl"&gt;
          &lt;div class="buttons"&gt;dont select this&lt;/div&gt;
      &lt;/div&gt;
      &lt;div&gt;
          &lt;div class="buttons"&gt;select this&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;​
  </code></pre>
  
  <p>The <a href="http://jsfiddle.net/marcgrabow/QqRuV/8/" rel="nofollow"><strong>new jsfiddle here</strong></a>.</p>
  
  <hr>
  
  <p><strong>SOLUTION</strong></p>
  
  <p>So the final solution was this:</p>
  
  <pre><code>$('#start').find('.buttons:not("#start div.myControl div.buttons ")')
  .css('color','red');​
  </code></pre>