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监听浏览器刷新_jQuery刷新浏览器页面大小
- 程序员都会的 35 个 jQuery 小技巧详解编程语言
- jQuery表单插件jquery.form.js详解编程语言
- jQuery 完整 ajax示例详解编程语言
- Jquery上传文件代码案例教程
- jQuery的实现原理的模拟代码-2数据部分
- 使用jQuery模板来展现json数据的代码
- 基于jQuery的前端数据通用验证库
- jQuery点击后一组图片左右滑动的实现代码
- 关于jQuery对象数据缓存Cache原理以及jQuery.data详解
- Jquery模板数据绑定插件的使用方法详解
- JQuery获取json数据$.getJSON方法的实例代码
- JQuery获取或设置ckeditor的数据(示例代码)
- jQuery中使用Ajax获取JSON格式数据示例代码
- jquery操作select详解(取值,设置选中)
- jquery+ajax+C#实现无刷新操作数据库数据的简单实例
- jquery解析JSON数据示例代码
- jquery如何判断表格同一列不同行input数据是否重复
- jquery处理json数据实例分析
- jQuery学习笔记之Ajax操作篇(一)-数据加载
- jQuery异步获取json数据方法汇总
- jQuery调取jSon数据并展示的方法
- 常用的jquery模板插件——jQueryBoilerplate介绍