脚本宝典收集整理的这篇文章主要介绍了js实例用jQuery获取table中行id和td值的实现代码，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。
用jquery获取table中行id和td值的实现代码
<%@ page language="java" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); %> <!DOCTYPE htML> <html lang="zh-cn"> <head> <tITle>点击</title> <;meta content="IE=Edge" http-equiv="X-UA-Compatible"> <meta http-equiv="Content-type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Language" content="zh-cn" /> <meta name="author" content="linjiqin218@126.COM" /> <meta name="Copyright" content="parami|ASPKU源码库" /> <meta http-equiv="PRagma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keyaspku.com/pc/softtech/office/word/" target="_blank">words" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <jsp:include page="/demo/base/js_bootstrap.jsp" /> <script type="text/javascript"> $(function(){ //用jQuery获取table中td值 $("#mytable td").click(function(){ alert("table td值："+$(this).text()); }); //jQuery获取table中点击位置所在行的id $("#mytable td").click(function() { //td的id alert($(this).attr("id")); //tr的id alert($(this).parent().attr("id")); }); }); </script> </head> <body> <table id="mytable" width="708px;" 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获取table中行id和td值的实现代码
<%@ page language="java" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); %> <!DOCTYPE html> <html lang="zh-cn"> <head> <title>点击</title> <meta content="IE=edge" http-equiv="X-UA-Compatible"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Language" content="zh-cn" /> <meta name="author" content="linjiqin218@126.com" /> <meta name="Copyright" content="parami|ASPKU源码库" /> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keyaspku.com/pc/softtech/office/word/" target="_blank">words" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <jsp:include page="/demo/base/js_bootstrap.jsp" /> <script type="text/javascript"> $(function(){ //用jQuery获取table中td值 $("#mytable td").click(function(){ alert("table td值："+$(this).text()); }); //jQuery获取table中点击位置所在行的id $("#mytable td").click(function() { //td的id alert($(this).attr("id")); //tr的id alert($(this).parent().attr("id")); }); }); </script> </head> <body> <table id="mytable" width="708px;" 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>
觉得可用，就经常来吧！Javascript技巧 脚本宝典 欢迎评论哦！ js技巧，巧夺天工，精雕玉琢。小宝典献丑了！
以上是脚本宝典为你收集整理的js实例用jQuery获取table中行id和td值的实现代码全部内容，希望文章能够帮你解决js实例用jQuery获取table中行id和td值的实现代码所遇到的问题。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。