title: onclick get this textContent of an element
body: <pre><code>&lt;div class="myclass"&gt;
  &lt;ul&gt;
  &lt;li&gt;&lt;a&gt; first node &lt;i&gt;textContent&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a&gt;textContent1&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a&gt;textContent2&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a&gt;textContent3&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JS</p>
  
  <pre><code>$(".myclass ul li").live("click", function() {
  alert(this.textContent);
  });
  </code></pre>
  
  <p>I wish to get the value of <code>&lt;a&gt;</code> element using onclick</p>
  
  <p>and first <code>&lt;li&gt;</code> I wish to get the value of <code>&lt;i&gt;</code> element. </p>
  
  <p>Is it possible?</p>