Ignore child elements when selecting elements in jQuery
<p>here is my HTML:</p>

<pre><code>&lt;div class="foo"&gt;
    &lt;span class="ignore_this"&gt;IGNORE THIS TEXT&lt;/span&gt;
    SELECT THIS
&lt;/div&gt;
</code></pre>

<p>I'm trying to figure out how to select all the stuff inside <code>foo</code>, but not the stuff inside <code>ignore_this</code>:</p>

<pre><code>$("div.foo:not(span.ignore_this)").text()
</code></pre>

<p>but I can't figure out how.</p>
