javascript - How to Get TextBox value from button click in Nested Gridview

Question

I have a Nested Gridview having textbox & Button column. How to display value of textbox in alert when Button Click by using jquery in asp.net.
For Example

<asp:GridView ID="GridParent" runat="server">
 <Columns>
   <asp:TemplateField>
     <ItemTemplate>
      <table>
        <tr>
         <td>
           -----------
           -----------
         </td>
         <td>
         <asp:GridView ID="GridChild" runat="server">
          <Columns>
           <asp:TemplateField>
            <ItemTemplate>
               <asp:Textbox ID="TextBox1" runat="server"></asp:TextBox>
               <asp:Button ID="Button1" runat="server" Text="Button" onclick=showText(); return false; />
            </ItemTemplate>
           </asp:TemplateField>
         </Columns>
        </asp:GridView>
        </td>
       </tr>
      </table>
     </ItemTemplate>
   </asp:TemplateField>
 </Columns>
</asp:GridView>

JQuery which i'm using

function showText() {            
            var text= $("#TextBox1").val();
            alert(text);
            return false;
        }

i found a exact question in stackoverflow but my question is little different because i want to get textbox value in nested gridview by using JQuery not with C# Coding

Answer 1

In your web.config add clientIDMode like this:

<pages clientIDMode="Static"></pages>

Then:

$(function() {
    $("#Button1").click(function(e) {
         e.preventDefault();
         alert($("#TextBox1").val());
    });
});