分享一段代码实例，它实现了获取当前点击td单元格的值的功能。
代码实例如下:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 |
<!doctype html> <html> <head> <meta charset="utf-8"> <title>jQuery获取点击表格td单元格的值代码示例-搞代码gaodaima.com</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script type="text/javascript"> $(function () { $("#mytable td").click(function () { $("#antzone").text($(this).text()) }); }); </script> </head> <body> <div id="antzone"></div> <table id="mytable" width="708" cellpadding="5" cellspacing="1"> <tbody> <tr bgcolor="#DEE9F4" id="tr_1"> <td align="center">日</td> <td align="center">一</td> <td align="center">二</td> <td align="center">三</td> <td align="center">四</td> <td align="center">五</td> <td align="center">六</td> </tr> <tr bgcolor="#DEE9F4" id="tr_2"> <td align="center"></td> <td align="center"></td> <td align="center"></td> <td align="center">1</td> <td align="center">2</td> <td align="center">3</td> <td align="center">4</td> </tr> <tr bgcolor="#DEE9F4" id="tr_3"> <td align="center">5</td> <td align="center">6</td> <td align="center">7</td> <td align="center">8</td> <td align="center">9</td> <td align="center" bgcolor="red">10</td> <td align="center">11</td> </tr> <tr bgcolor="#DEE9F4" id="tr_4"> <td align="center">12</td> <td align="center">13</td> <td align="center">14</td> <td align="center">15</td> <td align="center">16</td> <td align="center">17</td> <td align="center">18</td> </tr> </tbody> </table> </body> </html> |
本文案例为大家展示了《jQuery获取点击表格td单元格的值代码示例》的代码，若要看代码效果请大家点击“运行代码”按钮。
[code]<!doctype html> <html> <head> <meta charset=”utf-8″> <title>jQuery获取点击表格td单元格的值代码示例-搞代码gaodaima.com</title> <script src=”http://libs.baidu.com/jquery/1.9.0/jquery.js”></script> <script type=”text/javascript”> $(function () { $(“#mytable td”).click(function () { $(“#antzone”).text($(this).text()) }); }); </script> </head> <body> <div id=”antzone”></div> <table id=”mytable” width=”708″ cellpadding=”5″ cellspacing=”1″> <tbody> <tr bgcolor=”#DEE9F4″ id=”tr_1″> <td align=”center”>日</td> <td align=”center”>一</td> <td align=”center”>二</td> <td align=”center”>三</td> <td align=”center”>四</td> <td align=”center”>五</td> <td align=”center”>六</td> </tr> <tr bgcolor=”#DEE9F4″ id=”tr_2″> <td align=”center”></td> <td align=”center”></td> <td align=”center”></td> <td align=”center”>1</td> <td align=”center”>2</td> <td align=”center”>3</td> <td align=”center”>4</td> </tr> <tr bgcolor=”#DEE9F4″ id=”tr_3″> <td align=”center”>5</td> <td align=”center”>6</td> <td align=”center”>7</td> <td align=”center”>8</td> <td align=”center”>9</td> <td align=”center” bgcolor=”red”>10</td> <td align=”center”>11</td> </tr> <tr bgcolor=”#DEE9F4″ id=”tr_4″> <td align=”center”>12</td> <td align=”center”>13</td> <td align=”center”>14</td> <td align=”center”>15</td> <td align=”center”>16</td> <td align=”center”>17</td> <td align=”center”>18</td> </tr> </tbody> </table> </body> </html>[/code]
转载请注明原文链接：jQuery获取点击表格td单元格的值代码示例
