title: how to get text of anchor tag?
body: <p>I have rows in <code>li</code>, inside <code>li</code> I have anchor tag. I want to get the value of that anchor tag. I am getting the <code>id</code> of <code>li</code> but I am not getting the value of the anchor tag.</p>
  
  <pre><code>&lt;div class="testcaselist_row"&gt;
      &lt;ul&gt;
          &lt;li id="tc_1" class="clickTestCaseRow"&gt;
              &lt;a href="#" style="color: #ffffff!important;"&gt;aa&lt;/a&gt;
              &lt;a class="delete deleteTestCase_h"&gt;&lt;/a&gt;
          &lt;/li&gt;    
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  
  
  <pre><code>$(document).on('click', '.clickTestCaseRow', function (e) {
      var clickId = this.id;
      // getting the id
      alert($(this).closest('a').val()); // getting undefined
  });
  </code></pre>
  
  <p>Expected aa value</p>