jquery test

    技术2022-05-20  28

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="test_table.aspx.cs" Inherits="test_table" %>

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head id="Head1" runat="server">    <title></title>

        <script src="jquery-1.4.4.js" type="text/javascript"></script>  

        <script type="text/javascript">        $(document).ready(function() {        $(":button").bind("click", function(e)             {                var t = $("td:eq(2)", $(e.target).closest("tr")).text();                alert(t);            })        })    </script>

        <style type="text/css">        .style1        {            width: 50%;            border: solid 1px green;        }        tr        {        }        td        {            width: 30%;            border: solid 1px green;        }    </style></head><body>    <form id="form1" runat="server">    <div>        <table class="style1">            <tr>                <td>                                         <input id="Button1" type="button" value="button1" />                </td>                <td>                      1                </td>                <td>                      a                </td>            </tr>            <tr>                <td>                                         <input id="Button2" type="button" value="button2" />                </td>                <td>                      2                </td>                <td>                      s                </td>            </tr>            <tr>                <td>                                         <input id="Button3" type="button" value="button3" />                </td>                <td>                      3                </td>                <td>                      d                </td>            </tr>            <tr>                <td>                                         <input id="Button4" type="button" value="button4" />                </td>                <td>                      4                </td>                <td>                      f                </td>            </tr>            <tr>                <td>                                         <input id="Button5" type="button" value="button5" />                </td>                <td>                      5                </td>                <td>                      g                </td>            </tr>        </table>    </div>    </form></body></html>


    最新回复(0)