Jq通过td获取同行其它列td的方法
网络编程 2021-07-04 20:00www.168986.cn编程入门
狼蚁网站SEO优化长沙网络推广就为大家带来一篇Jq通过td获取同行其它列td的方法。长沙网络推广觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随长沙网络推广过来看看吧
假设有如下样式表结构
在制表时,采取的 手把手教你在springMVC中不用框架写表格 这篇博客里面写的制表方法,如下所示
function refreshTable(objs){ $("#ObjTables").html(""); for(i in objs){ if(objs[i].obj_Type != "FRAME"){ $("#ObjTables").append("<tr><td>"+objs[i].obj_Id+ "</td><td>"+objs[i].obj_Name+ "</td><td>"+objs[i].ziduan_Name+ "</td><td>"+objs[i].obj_Type+ "</td><tr>"); }else{ $("#ObjTables").append("<tr><td>"+objs[i].obj_Id+ "</td><td>"+objs[i].obj_Name+ "</td><td>"+objs[i].ziduan_Name+ "</td><td id='12'>"+objs[i].obj_Type+"<button onclick='getFrameContent(this)' data-toggle='modal' data-target='#myModal' >+</button>"+ "</td><tr>"); } } };
与之前博客写的不一样的地方在于,这里通过objs的obj_Type,进行了区别化的制表,然后,对于Type为FRAME的行,添加了button选项,来显示更多的表,即表中有表,这个功能后面有机会再介绍
注意到
getFrameContent(this)
当click这个button时,调用该方法
function getFrameContent(frameSelect){ //获取点击的一行tr var tr = $(frameSelect).parent().parent(); //获取tr的所有td元素 var b = a.children("td"); //取得第三列元素 var c = b.eq(2); //显示第三列的值 var d= c.text(); alert(d); }
这里函数里面为了演示,没有做具体操作,就是通过这几个语句获取到了点击的某一行第三列的值,其他列同理.
如果想获取其它行(一般很少有这种情况),就需要在第一句话
var tr = $(frameSelect).parent().parent().parent();
获取到table元素,或者直接用$("#XXX")也可以,但是这就和我们点击的某一个具体按钮没有直接关系了
最后,页面弹出效果
成功啦
以上就是长沙网络推广为大家带来的Jq通过td获取同行其它列td的方法全部内容了,希望大家多多支持狼蚁SEO~
编程语言
- 机械手焊接机器人编程 机械手焊接设备编程
- vb数据库编程实例,vb做数据库
- tiobe世界编程语言排行榜,全球编程语言排行
- 成都java编程培训 成都it编程培训中心
- 编程基础培训,编程基础知识培训
- flash游戏编程基础教程,flash游戏开发教程
- 不会英语能学编程吗 不会英语可以学程序员吗
- 爱心代码编程C语言 爱心代码编程c语言公式
- c语言编程学习入门 c语言编程快速入门
- 西门子plc编程培训 西门子plc编程培训班
- 哪里可以学编程 台州哪里可以学编程
- 少儿编程哪个好 少儿编程哪个品牌好
- 编程是什么意思,图形编程是什么意思
- c语言编程软件下载,c语言编程软件在哪下载
- java编程软件下载,java编程下载手机版
- ug编程培训学校,ug编程培训教程