title: Select only text of an element (not the text of its children/descendants)
body: <p>Please consider the following HTML:</p>
  
  <pre><code>&lt;td&gt;
    Some Text
    &lt;table&gt;.....&lt;/table&gt;
  &lt;/td&gt;
  </code></pre>
  
  <p>I need to manipulate the "Some Text" text of <code>td</code> element. I should not touch the table element inside of this <code>td</code>. </p>
  
  <p>So, just for example, maybe I want to replace all "e" with "@".  I tried a few approaches with jQuery's .text() and .html().  I seem to always select something from within the child table, which I shouldn't touch.  Also, unfortunately, I cannot wrap "Some Text" into a span or a div.</p>