用jQuery获取table中行id和td值的实现代码
来源:互联网 发布:上古卷轴5捏脸ECE数据 编辑:程序博客网 时间:2024/06/05 20:02
<%@ 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|IT工厂" /> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" 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值的实现代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持IT工厂。
原文地址:http://www.link588.com/html/wangluobiancheng/138548.html
推荐阅读:
- 获取非最后一列td值并将title设为该值的方法
- js使用for循环与innerHTML获取选中tr下td值
- JS获取Table中td值的方法
0 0
- 用jQuery获取table中行id和td值的实现代码
- 用jQuery获取table中行id和td值
- 获取table的tr和td值
- jquery遍历table的tr获取td的值实现方法
- jquery遍历table的tr获取td的值实现方法
- jquery遍历table的tr获取td的值
- jquery遍历table的tr获取td的值
- jquery遍历table的tr获取td的值
- jquery遍历table的tr获取td的值
- Jquery 获取Repeater中Table的当前TD及相邻TD的值
- 用js(jQuery)获取table中对应的td中的值!
- 关于Jquery获取Table中td内的内容
- 关于Jquery获取Table中td内的内容
- 关于Jquery获取Table中td内的内容
- jquery获取table下的td的select标签选中的值
- 使用jquery获取table内 td里面指定类型控件的值
- td中通过button绑定click事件实现跳转,以及获取同一table中另一td的值
- jQuery遍历table中的tr td并获取td中的值
- 蓝牙BLE LINK LAYER剖析(二) -- PDU
- 高并发量网站解决方案
- Spring Boot 性能优化
- 开通博客感言
- UNION运算符
- 用jQuery获取table中行id和td值的实现代码
- Linux下Nodejs安装
- 3 字节的 UTF-8 序列的字节 3 无效
- 权限配置、异常信息
- 数字图像处理与识别需要掌握的知识要点
- java注解简单讲解及应用
- 纵观天下,模式之中,Java世界里的观察者模式
- 一个对于三只松鼠视觉稿的分析
- service-mall-web的环境搭建