title: get value of column using jquery when clicked on a row
body: <p>I have a gridview as follow:</p>
  
  <pre><code> &lt;asp:GridView ID="gvSentDate" runat="server"&gt;
                      &lt;Columns&gt;
                          &lt;asp:BoundField DataField="NumberWithText" HeaderText="Number" ReadOnly="true" /&gt;
                          &lt;asp:BoundField DataField="NumberWithMask" HeaderText="Number"
                              ReadOnly="true" /&gt;
                      &lt;/Columns&gt;
                  &lt;/asp:GridView&gt;
  </code></pre>
  
  <p>I want to get the text of NumberWithText whenever user click on the row. I have following jquery which gets it by column but I want to get just that column when user clicks on whole row:</p>
  
  <pre><code> $(document).ready(function () {
  
              $("#&lt;%=gvSentDate.ClientID%&gt; tr:has(td)").hover(function (e) {
                  $(this).css("cursor", "pointer");
              });
  
              $("#&lt;%=gvSentDate.ClientID%&gt; tr:has(td)").click(function (e) {
                  var selTD = $(e.target).closest("tr");
                  alert(selTD.text());
              });
  });
  </code></pre>