Jq通過td獲取同行其它列td的方法
假設(shè)有如下樣式表結(jié)構(gòu)
在制表時,采取的 手把手教你在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,進行了區(qū)別化的制表,然后,對于Type為FRAME的行,添加了button選項,來顯示更多的表,即表中有表,這個功能后面有機會再介紹
注意到
getFrameContent(this)
當click這個button時,調(diào)用該方法
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); }
這里函數(shù)里面為了演示,沒有做具體操作,就是通過這幾個語句獲取到了點擊的某一行第三列的值,其他列同理.
如果想獲取其它行(一般很少有這種情況),就需要在第一句話
var tr = $(frameSelect).parent().parent().parent();
獲取到table元素,或者直接用$("#XXX")也可以,但是這就和我們點擊的某一個具體按鈕沒有直接關(guān)系了
最后,頁面彈出效果
成功啦
以上就是小編為大家?guī)淼腏q通過td獲取同行其它列td的方法全部內(nèi)容了,希望大家多多支持腳本之家~
相關(guān)文章
jQuery 數(shù)據(jù)緩存data(name, value)詳解及實現(xiàn)
本文要討論的是最流行的JavaScript框架jQuery的數(shù)據(jù)緩存實現(xiàn)原理,這是jQuery1.2.3版開始加入的新功能。2010-01-01jQuery移動端日期(datedropper)和時間(timedropper)選擇器附源碼下載
今天我給大家介紹一款非常有趣的日期和時間選擇器,它分為日期選擇器datedropper以及時間選擇器timedropper,他們倆尤其適合在移動端上應(yīng)用。感興趣的小伙伴一起學(xué)習(xí)吧2016-04-04基于JQuery實現(xiàn)的Select級聯(lián)
Select級聯(lián),想必大并不陌生吧,本文為大家介紹下使用jquery是如何快速實現(xiàn)的,希望對大家有所幫助2014-01-01JavaScript?Canvas實現(xiàn)高清繪制效果
在我們?nèi)粘@L制canvas的時候都不可避免的遇到一個問題,那就是canvas繪制出來的東西可能會有模糊,所以本文為大家準備了解決canvas繪制模糊的方法,希望對大家有所幫助2023-06-06easyui messager alert 三秒后自動關(guān)閉提示的實例
下面小編就為大家?guī)硪黄猠asyui messager alert 三秒后自動關(guān)閉提示的實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-11-11jquery實現(xiàn)table鼠標經(jīng)過變色代碼
table鼠標經(jīng)過變色的效果想必大家都有見到過吧,其實實現(xiàn)很簡單,在本文有個不錯的示例,感興趣的朋友可以學(xué)習(xí)下2013-09-09JQuery實現(xiàn)列表中復(fù)選框全選反選功能封裝(推薦)
在做列表時經(jīng)常會遇到全選,反選進行批量處理問題。通過本文給大家介紹JQuery實現(xiàn)列表中復(fù)選框全選反選功能封裝,對jq復(fù)選框全選反選功能感興趣的朋友一起看看吧2016-11-11