javascript - Select only text of an element (not the text of its children/descendants)

Question

Please consider the following HTML:

<td>
  Some Text
  <table>.....</table>
</td>

I need to manipulate the "Some Text" text of td element. I should not touch the table element inside of this td.

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.

Answer 1

$(function(){
  $('td').contents().each(function(){
     if(this.nodeType === 3)
      $(this).replaceWith(this.wholeText.replace(/e/g, '#'));
  });
});

or like you suggested

$('td').contents().each(function(){
  if(this.nodeType === 3)
     this.data = this.wholeText.replace(/e/g, '#');
 });

.contents() delivers all elements, textNodes included.