Jquery 实现表格单行获取数据

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
<table><th>编号</th><th>名称</th><th>位置</th><tr><td><input type="text" name="id" class="id"></td><td><input type="text" name="name" class="name"></td><td><input type="text" name="position" class="position"><input type="button" value="添加" class="add_only"></td></tr><tr><td><input type="text" name="id" class="id"></td><td><input type="text" name="name" class="name"></td><td><input type="text" name="position" class="position"><input type="button" value="添加" class="add_only"></td></tr><tr><td><input type="text" name="id" class="id"></td><td><input type="text" name="name" class="name"></td><td><input type="text" name="position" class="position"><input type="button" value="添加" class="add_only"></td></tr>
</table>
<script src="./jquery.js"></script>
<script>$(document).ready(function () {$(".add_only").click(function () {var parent = $(this).parent().parent();var name = parent.find("td .name").val();var id = parent.find("td .id").val();var position = parent.find("td .position").val();alert(name + "//" + id + "//" + position);})});
</script>
</body>
</html>

Jquery 实现表格单行获取数据相关推荐

Spring Boot+MybatisPlus使用JQuery DataTables表格插件展示数据、实现分页和模糊查询等功能
Spring Boot+MybatisPlus使用JQuery DataTables表格插件展示数据.实现分页和查询功能一.部分技术选型二.项目结构三.功能需求和效果展示四.关键代码 4.1页 ...
艺赛旗RPA 网页处理系列（四）：网页表格中获取数据，并点击相应记录后的按钮操作说明总结
目前艺赛旗RPA已经更新到8.0版本,可以让所有用户免费下载试用http://www.i-search.com.cn/index.html?from=line1 (复制链接下载) 问题描述最近有很多 ...
js源码模仿 jquery的ajax的获取数据（get，post ）的请求封装
function ajax(obj){ // 默认参数 var defaults = { type : 'get',data : {}, url : '#', dataType : 'text', a ...
html弹窗显示表格,js弹框表格，获取数据添加进去dom里面
js操作DOM是否是你想要的结构?我的问题与你类似,只不过是建立在动态表上 /** 功能实现:1.实现表格添加一行 2.实现表格删除当前行步骤:1.根据表格id获取当前表格 2.获取表格中的tBod ...
php使用excel表格数据处理,php上传excel表格并获取数据
这个是最近需要做的一个功能,在网上也查看了很多相关的文章,基本上大同小异,在这里整理一下. 一:首先是html部分二:就是去接收和处理上传的文件了.php部分 //文件存放的路径 $save_pat ...
php 上传读取 excel,php上传excel表格并获取数据
这个是最近需要做的一个功能,在网上也查看了很多相关的文章,基本上大同小异,在这里整理一下. 一:首先是html部分二:就是去接收和处理上传的文件了.php部分 //文件存放的路径 $save_pat ...
怎么使用jquery中ajax来获取数据，
好久没有写鸡汤了,真的是三天不要学习,就不学习了,1玩小时定律你懂的,直接说怎么写是做好的,直说最简单的方式,] [1] 我一般习惯帮项目放在php环境的www目录下运行.如果知道php的都知道怎么回 ...
jquery获取动态表格行号_jquery得到表格当前行数据
jquery 得到表格当前行数据首先在页面引入 jquery.js 库文件取表格当前行数据 js 代码: $(function() { $(".myclass").each(f ...
Mr.Xiong使用jQuery从控制器获取数据
使用jQuery实现从控制器获取数据之前我们写了简单的get提交和post提交,之后又写了post通过XMLHTTPRequest对象提交表单,这次我们就从控制器获取数据,把数据获取到表单上,先把之 ...

Jquery 实现表格单行获取数据

Jquery 实现表格单行获取数据相关推荐

最新文章

热门文章