title: How to select all item expect item in specific class
body: <p>I have recursive HTML, I know ID of outer most DIV. In below HTML i want to select all DIV with class "citem" expect "citem" inside inner "Popup"</p>
  
  <pre><code>&lt;div id="pop1" class="Popup"&gt;
      &lt;div class="container"&gt;
          &lt;div class="citem"&gt;child item-1&lt;/div&gt;
  
          &lt;div class="Popup"&gt;
              &lt;div class="container"&gt;
                  &lt;div class="citem"&gt;child inner item-1&lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div&gt;
              &lt;div class="citem"&gt;child item-2&lt;/div&gt;
          &lt;/div&gt;
  
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;script type="text/javascript"&gt;
      if (typeof $ != "undefined") {
          $(function () {
  
              var Parent = $("#pop1");
              var Container = $(Parent.find(".container:first"));
  
              Container.find(".citem").not(".Popup .citem").each(function () {
                  alert($(this).html());
              });
  
          });
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>Using above code no item is selected, but i want output to be "child item-1" and "child item-2".</p>
  
  <p>Any idea, what how to write query for this. i don't want to select all item and then check who is parent etc..</p>