用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|小牛知识库" />
<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值的实现代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持小牛知识库。
-
本文向大家介绍jQuery获取table下某一行某一列的值实现代码，包括了jQuery获取table下某一行某一列的值实现代码的使用技巧和注意事项，需要的朋友参考一下 jQuery获取table下某一行某一列的值实现代码 最近需要获取到某个table下每一行某一列的值，用jQuery做了一会儿，过程如下，仅供参考： 这个大的div下有若干个table,现在我需要获取每个table下某一行某一列的
-
本文向大家介绍c#+jquery实现获取radio和checkbox的值，包括了c#+jquery实现获取radio和checkbox的值的使用技巧和注意事项，需要的朋友参考一下 废话不多说，直接上代码 代码很简洁，却很实用，小伙伴们根据自己的项目需求改写下即可使用。
-
本文向大家介绍jQuery 获取遍历获取table中每一个tr中的第一个td的方法，包括了jQuery 获取遍历获取table中每一个tr中的第一个td的方法的使用技巧和注意事项，需要的朋友参考一下 如下所示： 以上就是小编为大家带来的jQuery 获取遍历获取table中每一个tr中的第一个td的方法全部内容了，希望大家多多支持呐喊教程~
-
本文向大家介绍javascript实现切换td中的值，包括了javascript实现切换td中的值的使用技巧和注意事项，需要的朋友参考一下 之前面试前端时，遇到一道面试题，当时没有思绪所以没答出来，今天整理了一下和大家一起分享下： 原题是:使用对象方法创建一个2x2的表格（table），要求第二行第二列单元格中拥有一个按钮，当点击此按钮时，第一行第一列的值与第二行第一列的值互换，见下图 创建表格
-
本文向大家介绍jquery获取所有选中的checkbox实现代码，包括了jquery获取所有选中的checkbox实现代码的使用技巧和注意事项，需要的朋友参考一下 获取所有name为spCodeId的checkbox 以上这篇jquery获取所有选中的checkbox实现代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持呐喊教程。
-
本文向大家介绍jquery根据td给相同tr下其他td赋值的实现方法，包括了jquery根据td给相同tr下其他td赋值的实现方法的使用技巧和注意事项，需要的朋友参考一下 html代码： js代码： 方法一： 方法二： 以上就是小编为大家带来的jquery根据td给相同tr下其他td赋值的实现方法全部内容了，希望大家多多支持呐喊教程~
-
本文向大家介绍jquery删除table当前行的实例代码，包括了jquery删除table当前行的实例代码的使用技巧和注意事项，需要的朋友参考一下 jQuery删除当前行，只需传this，即可： 以上就是小编为大家带来的jquery删除table当前行的实例代码全部内容了，希望大家多多支持呐喊教程~
-
本文向大家介绍JS选中checkbox后获取table内一行TD所有数据的方法，包括了JS选中checkbox后获取table内一行TD所有数据的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了JS选中checkbox后获取table内一行TD所有数据的方法。分享给大家供大家参考。具体实现方法如下： 希望本文所述对大家的javascript程序设计有所帮助。