title: How to select own text of the element using jQuery
body: <p>I have the following html:</p>
  
  <pre><code>&lt;div&gt;
      &lt;div id="t1"&gt;Text1&lt;/div&gt; 
      &lt;div id="t2"&gt;
          Text2 
          &lt;ul id="t3"&gt;
              &lt;li id="t4"&gt;Text3&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want to select <strong>only own</strong> text for each element. I tried to use jQuery <code>text</code> function, but it returns the combined text content of all elements in selection:</p>
  
  <pre><code>t1 =&gt; Text1
  t2 =&gt; Text2 Text3
  t3 =&gt; Text3
  t4 =&gt; Text3
  </code></pre>
  
  <p>And what I need:</p>
  
  <pre><code>t1 =&gt; Text1
  t2 =&gt; Text2
  t3 =&gt;
  t4 =&gt; Text3 
  </code></pre>