jQuery - How to get text inside of container that is not part of children
<p>Let's have html code like this:</p>

<pre><code>&lt;div id="d1"&gt;&lt;span&gt;1.&lt;/span&gt;Hallo &lt;span&gt;Kitty, &lt;/span&gt;&lt;div&gt;How are you?&lt;/div&gt;&lt;/div&gt;
</code></pre>

<p>It is just example, there may be different children elements inside.</p>

<p>How can I get text inside of <code>d1</code> container that is not part of children elements?</p>

<p>For the example above it shold be just <code>"Hallo "</code></p>
