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