用jQuery获取table中行id和td值的实现代码

2024-02-28 16:32

本文主要是介绍用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|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值的方法

    这篇关于用jQuery获取table中行id和td值的实现代码的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



    http://www.chinasem.cn/article/756015

    相关文章

    使用zip4j实现Java中的ZIP文件加密压缩的操作方法

    《使用zip4j实现Java中的ZIP文件加密压缩的操作方法》本文介绍如何通过Maven集成zip4j1.3.2库创建带密码保护的ZIP文件,涵盖依赖配置、代码示例及加密原理,确保数据安全性,感兴趣的... 目录1. zip4j库介绍和版本1.1 zip4j库概述1.2 zip4j的版本演变1.3 zip4

    MySQL进行数据库审计的详细步骤和示例代码

    《MySQL进行数据库审计的详细步骤和示例代码》数据库审计通过触发器、内置功能及第三方工具记录和监控数据库活动,确保安全、完整与合规,Java代码实现自动化日志记录,整合分析系统提升监控效率,本文给大... 目录一、数据库审计的基本概念二、使用触发器进行数据库审计1. 创建审计表2. 创建触发器三、Java

    python生成随机唯一id的几种实现方法

    《python生成随机唯一id的几种实现方法》在Python中生成随机唯一ID有多种方法,根据不同的需求场景可以选择最适合的方案,文中通过示例代码介绍的非常详细,需要的朋友们下面随着小编来一起学习学习... 目录方法 1:使用 UUID 模块(推荐)方法 2:使用 Secrets 模块(安全敏感场景)方法

    解决1093 - You can‘t specify target table报错问题及原因分析

    《解决1093-Youcan‘tspecifytargettable报错问题及原因分析》MySQL1093错误因UPDATE/DELETE语句的FROM子句直接引用目标表或嵌套子查询导致,... 目录报js错原因分析具体原因解决办法方法一:使用临时表方法二:使用JOIN方法三:使用EXISTS示例总结报错原

    一文详解如何使用Java获取PDF页面信息

    《一文详解如何使用Java获取PDF页面信息》了解PDF页面属性是我们在处理文档、内容提取、打印设置或页面重组等任务时不可或缺的一环,下面我们就来看看如何使用Java语言获取这些信息吧... 目录引言一、安装和引入PDF处理库引入依赖二、获取 PDF 页数三、获取页面尺寸(宽高)四、获取页面旋转角度五、判断

    Spring StateMachine实现状态机使用示例详解

    《SpringStateMachine实现状态机使用示例详解》本文介绍SpringStateMachine实现状态机的步骤,包括依赖导入、枚举定义、状态转移规则配置、上下文管理及服务调用示例,重点解... 目录什么是状态机使用示例什么是状态机状态机是计算机科学中的​​核心建模工具​​,用于描述对象在其生命

    Spring Boot 结合 WxJava 实现文章上传微信公众号草稿箱与群发

    《SpringBoot结合WxJava实现文章上传微信公众号草稿箱与群发》本文将详细介绍如何使用SpringBoot框架结合WxJava开发工具包,实现文章上传到微信公众号草稿箱以及群发功能,... 目录一、项目环境准备1.1 开发环境1.2 微信公众号准备二、Spring Boot 项目搭建2.1 创建

    IntelliJ IDEA2025创建SpringBoot项目的实现步骤

    《IntelliJIDEA2025创建SpringBoot项目的实现步骤》本文主要介绍了IntelliJIDEA2025创建SpringBoot项目的实现步骤,文中通过示例代码介绍的非常详细,对大家... 目录一、创建 Spring Boot 项目1. 新建项目2. 基础配置3. 选择依赖4. 生成项目5.

    Linux下删除乱码文件和目录的实现方式

    《Linux下删除乱码文件和目录的实现方式》:本文主要介绍Linux下删除乱码文件和目录的实现方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录linux下删除乱码文件和目录方法1方法2总结Linux下删除乱码文件和目录方法1使用ls -i命令找到文件或目录

    SpringBoot+EasyExcel实现自定义复杂样式导入导出

    《SpringBoot+EasyExcel实现自定义复杂样式导入导出》这篇文章主要为大家详细介绍了SpringBoot如何结果EasyExcel实现自定义复杂样式导入导出功能,文中的示例代码讲解详细,... 目录安装处理自定义导出复杂场景1、列不固定,动态列2、动态下拉3、自定义锁定行/列,添加密码4、合并