Re: [問題] JQuery合併td

看板Ajax作者時間14年前 (2011/09/22 14:29), 編輯推噓0(008)
留言8則, 3人參與, 最新討論串4/10 (看更多)
※ 引述《fr730149 ()》之銘言: : 請問以下案例要如何寫: : 我想把多個欄位,底下相同的值做合併(rwospan) : 如: : 將下表 : ------------------------------------ : Column_A Column_B Column_C Column_D : X1 X11 X12 X13 : X1 X21 X22 X13 : X31 X32 X33 X34 : -------------------------------------- : 轉成底下 : ------------------------------------ : Column_A Column_B Column_C Column_D : X1 X11 X12 X13 : X21 X22 : X31 X32 X33 X34 : ------------------------------------ 在下以小貓大的教學為基底 http://www.dotblogs.com.tw/topcat/archive/2009/11/24/12139.aspx 以迴圈將同一個Column下的td設成相同的dt值(不同Column下td的dt值皆不同) 然後在呼叫小貓大寫的rowspan() $('table tr').each(function () { var leng = $(this).children().length; for (var i = 0; i < leng; i++) { $(this).children().eq(i).attr("dt", i); $('td[dt= "' + i + '" ]').rowspan(); } }); 但table有設border時 經rowspan的Column,其最下方的框線不見…(使用firefox時) 目前尚在突破 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 140.125.235.184 ※ 編輯: fr730149 來自: 140.125.235.184 (09/22 15:26) ※ 編輯: fr730149 來自: 140.125.235.184 (09/22 16:23)

09/22 16:45, , 1F
把table內容全抓出來,用個多維陣列的變數去存。
09/22 16:45, 1F

09/22 16:45, , 2F
合併完後,再從變數去產生一個新的 table
09/22 16:45, 2F

09/22 16:50, , 3F
不太懂你的意思,可以說詳細一點嗎?
09/22 16:50, 3F

09/22 18:32, , 4F
tbl={ A:{x1, x1, x31}, B:{x11, x21, x32}, .... }
09/22 18:32, 4F

09/22 18:34, , 5F
合併後: tbl={ A:{[x1,2], x31}, B:{x11, x21, x32}, .... }
09/22 18:34, 5F

09/22 18:35, , 6F
[x1,2] 表示 value=x1, rowspan=2
09/22 18:35, 6F

09/22 18:36, , 7F
再迴圈跑一下 tbl,輸出 <table>
09/22 18:36, 7F

09/22 20:01, , 8F
重產生TABLE 也不錯啊 XD
09/22 20:01, 8F
文章代碼(AID): #1EUjNIJK (Ajax)
討論串 (同標題文章)
文章代碼(AID): #1EUjNIJK (Ajax)