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为后台传入,点击编辑按钮取得对应按钮行的值,效果图如下:

  • 相关阅读:
    面向对象知识点总结
    并发编程知识点汇总
    网络编程知识点(一)
    常用模块(自己总结,不全)
    Bootstrap学习笔记(九) 进度条
    Bootstrap学习笔记(八) 导航栏&分页
    Bootstrap学习笔记(七) 输入框组
    Bootstrap学习笔记(六) 按钮组
    Bootstrap学习笔记(五) 下拉菜单
    Bootstrap学习笔记(四) 字体图标
  • 原文地址:https://www.cnblogs.com/austinspark-jessylu/p/6699284.html
Copyright © 2011-2022 走看看