title: How to select an element which parent is not specified class?
body: <p>I want to hide an element if its parent does not have a certain class:</p>
  
  <h3>HTML</h3>
  
  <pre><code>&lt;li class="current_page_parent"&gt;
      &lt;a href="parent.html"&gt;Parent&lt;/a&gt;
      &lt;ul class="children"&gt;
          &lt;li&gt;foo&lt;/li&gt;
          &lt;li&gt;bar&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/li&gt;
  </code></pre>
  
  <h3>jQuery</h3>
  
  <pre><code>jQuery("ul.children").hide();
  </code></pre>
  
  <p>Currently always hides <code>&lt;ul class="children"&gt;</code> regardless of class. I would like to close it only if parent is <code>:not</code> an <code>&lt;li class="current_page_parent"&gt;</code>.</p>
  
  <h3>I've tried:</h3>
  
  <pre><code>jQuery("ul.children:not(:parent.current_page_ancestor)").hide();
  </code></pre>
  
  <p>with no luck.</p>