title: Getting the contents of an element WITHOUT its children
body: <p>I have a mild preference in solving this in pure JS, but if the jQuery version is simpler, then jQuery is fine too. Effectively the situation is like this</p>
  
  <pre><code>&lt;span id="thisone"&gt;
   The info I want
   &lt;span id="notthisone"&gt;
    I don't want any of this nonsense
   &lt;/span&gt;
  &lt;/span&gt;
  </code></pre>
  
  <p>I effectively want to get<br>
  <code>The info I want</code><br>
  but not<br>
  <code>The info I want I don't want any of this nonsense</code><br>
  and I especially don't want<br>
  <code>The info I want &lt;span id="notthisone"&gt; I don't want any of this nonsense &lt;/span&gt;</code><br>
  which is unfortunately what I am getting right now...</p>
  
  <p>How would I do this?</p>