zoukankan      html  css  js  c++  java
  • Jquery获取当前行的数据

    取表格当前行数据js代码:

    Java代码
    $(function() {
    $(".myclass").each(function(){
        var tmp=$(this).children().eq(3);
        var btn=tmp.children();
        btn.bind("click",function(){
            var id=btn.parent().parent().children("td").get(0).innerHTML;
            var name=btn.parent().parent().children("td").get(1).innerHTML;
            var age=btn.parent().parent().children("td").get(2).innerHTML;
            alert("id="+id+" name="+name+" age="+age);
            });
        });
    });


    jsp代码:
    Java代码
    <table border="1">
        <thead>
            <tr>
                <th align="center"> id</th>
                <th align="center">姓名</th>
                <th align="center">年龄</th>
                <th align="center">编辑</th>
            </tr>
        </thead>
        <tbody>
            <c:forEach items="${list}" var="t">
                <tr class="myclass">
                    <td align="center">
                        <c:out value="${t.id}"></c:out>
                    </td>
                    <td align="center">
                        <c:out value="${t.name}"></c:out>
                    </td>
                    <td align="center">
                        <c:out value="${t.age}"></c:out>
                    </td>
                    <td align="center">
                        <button id="edit" >编辑</button>
                    </td>
                </tr>
            </c:forEach>
        </tbody>
    </table>
    说明:list为后台传入,点击编辑按钮取得对应按钮行的值,效果图如下:

  • 相关阅读:
    sql分页存储过程疑惑:Row_Number与临时表哪个好?
    SQL之剪切
    在sqlserver2005中安装sql server 2000的示例数据库northwind
    安装SQL2005示例数据库
    Firefox浏览器中,Flex的FileReference上传文件,引发IOError
    Java获取方法的调用者
    ABAP screen常见语法
    XPO永久删除记录方法
    XPO的UpCasting
    在ASP.NET项目中使用XPO的最佳准则
  • 原文地址:https://www.cnblogs.com/austinspark-jessylu/p/6699284.html
Copyright © 2011-2022 走看看