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