title: How to select children elements but only one level deep with jQuery
body: <p>Given this:</p>
  
  <pre><code>&lt;div id="div1"&gt;
      &lt;div id="div2"&gt;
          &lt;div id="div200"&gt;
              &lt;div id="div3" class="b"&gt;       
              &lt;/div&gt;
              &lt;div id="div300"&gt;
                  &lt;div id="div4" class="b"&gt;
                       &lt;div id="div5"&gt; 
                          &lt;div id="div6" class="b"&gt;
                          &lt;/div&gt;            
                       &lt;/div&gt;
                  &lt;/div&gt;
              &lt;div&gt;
          &lt;div&gt;
      &lt;div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I need a way to find the children (deep) of an element that are of class "b" but not those that are nested inside a matched element.</p>
  
  <p><strong>Test cases:</strong></p>
  
  <p>This is what I need:</p>
  
  <p>Case 1:</p>
  
  <pre><code>$("#div1").some_jquery_syntax(".b")
  Should return:
  div3, div4
  </code></pre>
  
  <p>Case 2:</p>
  
  <pre><code>$("#div5").some_jquery_syntax(".b")
  Should return:
  div6
  </code></pre>
  
  <p>Note that the hard part is that I have have to skip div2 when starting from div1. So I can't just use <code>$("#div1").find("&gt; .b")</code>.</p>
  
  <p><strong>My attempts:</strong></p>
  
  <p>I tried this:</p>
  
  <pre><code>$("#div1").find(".b")
  [&lt;div id="div3" class="b"&gt;&lt;/div&gt;, &lt;div id="div4" class="b"&gt;&lt;/div&gt;, &lt;div id="div5" class="b"&gt;&lt;/div&gt;]
  </code></pre>
  
  <p>Not good: I don't want div5 because it is nested inside div4.</p>
  
  <p>I tried this:</p>
  
  <pre><code>$("#div0").find(".b").not(".b .b")
  [&lt;div id="div3" class="b"&gt;&lt;/div&gt;, &lt;div id="div4" class="b"&gt;&lt;/div&gt;]
  </code></pre>
  
  <p>Which is ok when starting with div0, but it does not work stating from div4:</p>
  
  <pre><code>$("#div5").find(".b").not(".b .b")
  []
  </code></pre>