Jquery 表格操作
来源:互联网 发布:淘宝不能追加评价 编辑:程序博客网 时间:2024/05/29 14:09
<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" />
不要忘记引入jquey
<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>
<head>
<title>点击</title>
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
不要忘记引入jquey
<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>
阅读全文
0 0
- JQuery操作表格
- jquery 表格 删改操作
- jquery 的表格操作
- jQuery对表格操作
- js jquery 表格操作
- jQuery操作表格
- Jquery操作表格
- Jquery表格行列操作
- Jquery操作表格元素
- Jquery 表格操作
- jquery dom操作表格
- jQuery操作表格
- jQuery 对表格进行操作
- JQuery 对表格的操作
- jquery对表格的操作
- jquery+ajax操作控件--表格
- Jquery动态操作table表格
- jquery操作表格 合并单元格
- key是索引约束
- eclipse中maven使用详解
- SPFA求单源最短路径
- VLC全部详细参数,libvlc_new函数参数,VLC SDK开发
- windows server2008域管理员密码二种恢复方法
- Jquery 表格操作
- 在web项目中添加文本编辑器 ckeditor
- 屏幕适配之带虚拟按键手机屏幕适配
- 关于iOS时间的传递和响应机制_转载自马在路上大神的博客
- Git .gitignore
- 网站需要测试的五个方面
- 数字图像处理实验(9):PROJECT 04-05,Correlation in the Frequency Domain
- 分享进入内网的详细步骤
- 开源安卓Http文件下载框架file-downloader的使用