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

Jquery获取当前行的数据的更多相关文章
- Extjs给gridPanel添加单价双击事件和获取当前行的数据
		
有两个小属性,如下 this.on('rowdblclick', this.readContent, this); this.on('cellclick', this.gridCellClick, t ...
 - 【Codebase】JQuery获取表单部分数据提交方法
		
JQuery使用ajax提交整个表单最简便的方法就是$('#form').serialize();但如果仅想保存表单中的部分数据,比如仅更新选中的条目,那么获取数据就比较麻烦了. 解决方法:新建一个表 ...
 - jQuery获取表单全部数据
		
iQuery如何获取表单的全部数据,用于ajax提交 var formData = {}; var t = $('#Form').serializeArray(); $.each(t, functio ...
 - jquery获取表单中的数据
		
<form> <input name="username" type="text"/&g ...
 - jQuery获取一般处理程序(ashx)的JSON数据
		
昨天有在开发的软件生产线生产流程,RFID扫描IC卡的数据,当中有用到jQuery获取一般处理程序(ashx)的JSON数据.今有把它写成一个小例子,望需要的网友能参考. 在网站中,创建一个一般应用程 ...
 - JQuery 获取json数据$.getJSON方法的实例代码
		
这篇文章介绍了JQuery 获取json数据$.getJSON方法的实例代码,有需要的朋友可以参考一下 前台: function SelectProject() { var a = new Array ...
 - jquery获取form表单内容以及绑定数据到form表单
		
在日常开发的过程中,难免会用到form表单,我们需要获取表单的数据保存到数据库,或者拿到后台的一串json数据,要将数据绑定到form表单上,这里我写了一个基于jquery的,formHelp插件,使 ...
 - jQuery获取表格隐藏域与ajax请求数据结合显示详情
		
0.表格样式
 - 3..jquery的ajax获取form表单数据
		
jq是对dom进行的再次封装.是一个js库,极大简化了js使用 jquery库在js文件中,包含了所有jquery函数,引用:<script src="jquery-1.11.1.mi ...
 
随机推荐
- python mysql插入多条数据
			
#!/usr/bin/env python # encoding: utf-8 import pymysql from config.config import * import datetime d ...
 - 2.docker容器
			
docker run 镜像,生成镜像容器,并运行 有以下参数 --name="new name",为容器指定一个新名字 -d:后台运行容器,返回容器id,即启动守护式容器 -i:以 ...
 - html中给元素添加背景图片或者gif动图
			
添加背景图片有四种常用的方式,分别是: repeat 完全平铺 repeat-x 横向平铺 repeat-y 纵向平铺 no-repeat 不平铺 使用示例: <!DOC ...
 - django学习随笔:ManagementUtility
			
ManagementUtility类,位于django.core.management目录下的__init__.py文件. 这个类,在其init中: def __init__(self, argv=N ...
 - Servlet 调用过程
			
上图的大概意思: 前台输入访问路径后,浏览器会去访问本地的host文件查询有木有与之匹配域名的IP地址,若无则在访问DNS服务器查询与之匹配的IP地址.解析IP后则开始发起HTTP请求,根据请求中的基 ...
 - docker容器间通信
			
现在在我们的docker中已经有了三个容器,分别是DB/API/UI三个容器,三个容器间肯定是要进行互相通信的 可以查看docker的官方文档,https://docs.docker.com/engi ...
 - 二维偏序+树状数组【P3431】[POI2005]AUT-The Bus
			
Description Byte City 的街道形成了一个标准的棋盘网络 – 他们要么是北南走向要么就是西东走向. 北南走向的路口从 1 到 n编号, 西东走向的路从1 到 m编号. 每个路口用两个 ...
 - [CF413D]2048
			
题目大意: 在一个长度为$n(n\le2000)$的数组中填数$2$或$4$,待所有数字全部填好后,按照类似于2048的规则向左合并.给定某些格子上的数,问在当前情况下要使得合并后的最大数超过$2^k ...
 - laravel中的事件处理
			
一.什么是事件处理 事件就是在特地时间.特定地点.发生的特定行为.例如:删除某个用户帖子这个行为后,要通过站短发送信息给帖子所属的用户.这里就有删除帖子事件,发站短是事件后处理. 二.为什么要使用事件 ...
 - Vim复制一整行和复制多行
			
1.复制 1)单行复制 在命令模式下,将光标移动到将要复制的行处,按“yy”进行复制: 2)多行复制 在命令模式下,将光标移动到将要复制的首行处,按“nyy”复制n行:其中n为1.2.3…… 2.粘贴 ...