<%@ 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"> &nbsp; </td>

                <td align="center"> &nbsp; </td>

                <td align="center"> &nbsp; </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>

如果，您认为阅读这篇博客让您有些收获，不妨点击一下右下角的【推荐】。
如果，您希望更容易地发现我的新博客，不妨点击一下左下角的【关注我】。
如果，您对我的博客所讲述的内容有兴趣，请继续关注我的后续博客，我是【Ruthless】。

本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。

用jQuery获取table中行id和td值的更多相关文章

  1. jQuery获取table表中的td标签

    首先我来介绍一下我遇到的问题 1.当有一个table表包含了<tr>标签,<td>标签,大致可以认为是这样的: <tr> <td> @scene.ID ...

  2. jQuery遍历table中的tr td并获取td中的值

    jQuery遍历table中的tr td并获取td中的值 $(function(){ $("#tableId tr").find("td").each(func ...

  3. jquery】常用的jquery获取表单对象的属性与值

    [jquery]常用的jquery获取表单对象的属性与值 1.JQuery的概念 JQuery是一个JavaScript的类库,这个类库集合了很多功能方法,利用类库你可以用一些简单的代码实现一些复杂的 ...

  4. JQuery获取与设置HTML元素的值value

    JQuery获取与设置HTML元素的值value 作者:简明现代魔法图书馆 发布时间:2011-07-07 10:16:13 20481 次阅读 服务器君一共花费了13.221 ms进行了6次数据库查 ...

  5. js&jquery 获取select下拉框的值、文本内容、自定义属性

      js&jquery 获取select下拉框的值.文本内容.自定义属性 CreationTime--2018年7月2日09点22分 Author:Marydon html <selec ...

  6. Jquery获取select option动态添加自定义属性值失效

    Jquery获取select option动态添加自定义属性值失效 2014/12/31 11:49:19 中国学网转载 编辑:李强 http://www.xue163.com/588880/3909 ...

  7. Jquery获取select选中的文本与值

    jquery获取select选择的文本与值获取select :获取select 选中的 text :    $("#ddlregtype").find("option:s ...

  8. jquery获取select选择的文本与值

    jquery获取select选择的文本与值获取select :获取select 选中的 text :    $("#ddlregtype").find("option:s ...

  9. jquery获取table,遍历输出tr中各个td的内容（转载）

    首先,依赖jquery.. 1 $('#btntb').click(function(){ 2 $('#tab tr').each(function(i){ // 遍历 tr 3 $(this).ch ...

随机推荐

  1. callback回调函数-python

    链接:http://www.zhihu.com/question/19801131/answer/27459821来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. 编程分 ...

  2. windows 2016 容器管理

    1. docker-compose 安装        python   2.7        pip       pip   install docker-compose        常见问题: ...

  3. np.random的随机数函数

    np.random的随机数函数(1) 函数 说明 rand(d0,d1,..,dn) 根据d0‐dn创建随机数数组,浮点数, [0,1),均匀分布 randn(d0,d1,..,dn) 根据d0‐dn ...

  4. vi/vim显示中文字符并且去掉^M的方法

    vim上经常会碰到中文显示不正常的现象,也就是传说中的乱码.搜索了一下,在 http://www.chinalinuxpub.com/bbs/showthread.php?t=45475 找到了一个解 ...

  5. MyEclipse中将普通Java项目convert（转化）为Maven项目

    在MyEclipse10中将Maven项目转成普通Java项目后,想将Java项目转成Maven项目,结果一下子傻眼了.根本就没有攻略中提到的config标签.仔细一看,喵咪的,人家用的是Eclips ...

  6. FOR XML PATH 灵活运用

    FOR XML PATH 有的人可能知道有的人可能不知道,其实它就是将查询结果集以XML形式展现,有了它我们可以简化我们的查询语句实现一些以前可能需要借助函数活存储过程来完成的工作.那么以一个实例为主 ...

  7. 亚马逊MWS开发套路演示

    MWS是商城网络服务的缩写,具体介绍看这里http://docs.developer.amazonservices.com/zh_CN/dev_guide/DG_IfNew.html.MWS就是一组A ...

  8. ubuntu 修改分辨率为自定义分辨率

    在ubuntu14.04虚拟机上修改自定义大小的桌面屏幕分辨率,使用的命令:cvt,xrandr 0.首先查看下当前已经提供的分辨率设置:xrandr -q root@xxx:/home/xxx/De ...

  9. Unit04： JSP基本语法 、 JSP运行原理

    Unit04: JSP基本语法 . JSP运行原理 hello.jsp <%@page pageEncoding="utf-8"%> <!doctype html ...

  10. 谈谈GPU与FPGA的一些看法

    从几个方面来介绍一下GPU和FPGA. 从峰值性能来说,GPU(10Tflops)远远高于FPGA(<1TFlops).GPU上面成千上万个core同时跑在GHz的频率上还是非常壮观的,最新的G ...