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)擊的某一行第三列的值,其他列同理.
如果想獲取其它行(一般很少有這種情況),就需要在第一句話
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)文章
當(dāng)鼠標(biāo)移動(dòng)時(shí)出現(xiàn)特效的JQuery代碼
當(dāng)鼠標(biāo)移動(dòng)時(shí)出現(xiàn)特效，在某些情況下還是比較實(shí)現(xiàn)的，下面為大家介紹下通過(guò)JQuery是如何實(shí)現(xiàn)的，具體如下，感興趣的朋友可以參考下2013-11-11
jquery提示效果有很多，本文也提供一個(gè)超漂亮的仿騰訊彈出層效果，熱愛(ài)特效的你可千萬(wàn)不要錯(cuò)過(guò)了啊，希望本文提供的案例對(duì)你學(xué)習(xí)jquery特效有所幫助2013-02-02
使用jQuery制作遮罩層彈出效果的極簡(jiǎn)實(shí)例分享
這篇文章主要介紹了使用jQuery制作遮罩層彈出效果的極簡(jiǎn)實(shí)例分享,效果中背景為半透冥且不可操作,在制作頁(yè)面上傳功能等場(chǎng)景下十分實(shí)用,需要的朋友可以參考下2016-05-05
輕松學(xué)習(xí)jQuery插件EasyUI EasyUI實(shí)現(xiàn)拖放商品放置購(gòu)物車(chē)
這篇文章主要幫助大家輕松學(xué)習(xí)EasyUI實(shí)現(xiàn)拖放商品放置購(gòu)物車(chē)的功能，購(gòu)物籃中的物品和價(jià)格也將進(jìn)行更新，感興趣的小伙伴們可以參考一下2015-11-11
原生js實(shí)現(xiàn)addclass,removeclass,toggleclasss實(shí)例
下面小編就為大家?guī)?lái)一篇原生js實(shí)現(xiàn)addclass,removeclass,toggleclasss實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起 小編過(guò)來(lái)看看吧2016-11-11
這篇文章主要介紹了jquery序列化方法,較為詳細(xì)的分析了jQuery實(shí)現(xiàn)序列化涉及的相關(guān)技巧,需要的朋友可以參考下2015-06-06
ASP.NET MVC中EasyUI的datagrid跨域調(diào)用實(shí)現(xiàn)代碼
因?yàn)閑asyUI使用的是JQuery的異步方法加載數(shù)據(jù)，應(yīng)該遵循JQuery的跨域訪問(wèn)規(guī)則2012-03-03
jquery插件之定時(shí)查詢待處理任務(wù)數(shù)量
這篇文章主要介紹了jquery定時(shí)查詢待處理任務(wù)數(shù)量插件示例2014-05-05
jQuery實(shí)現(xiàn)QQ空間漢字轉(zhuǎn)拼音功能示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)QQ空間漢字轉(zhuǎn)拼音功能,結(jié)合具體實(shí)例形式分析了jQuery實(shí)現(xiàn)拼音與中文漢字的轉(zhuǎn)換操作實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-07-07
jQuery插件FusionCharts實(shí)現(xiàn)的3D帕累托圖效果示例【附demo源碼】
這篇文章主要介紹了jQuery插件FusionCharts實(shí)現(xiàn)的3D帕累托圖效果,結(jié)合實(shí)例形式分析了jQuery使用FusionCharts載入xml數(shù)據(jù)繪制3D帕累托圖的相關(guān)實(shí)現(xiàn)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03