[問題] CSS表格顏色無法套用全部

看板Web_Design作者 (Maydayisgod)時間8年前 (2017/06/30 05:50), 編輯推噓0(0015)
留言15則, 4人參與, 最新討論串1/1
大家好! 我剛學寫網頁 我是寫從資料庫讀取資料並顯示至HTML 方法是用javascript讀取PHP回傳Json格式 並顯示在HTML上 但是遇到一個問題就是CSS設定 卻沒辦法套用在由javascript所新增的表格中 我是打算讓表格的奇偶列不一樣的顏色 http://i.imgur.com/PtJsKlb.jpg
圖片中 藍色部分是在html新增的 底下白色部分是從javascript新增的 html程式碼(部分): https://pastebin.com/6PDamf1y javascript部分: $("tbody").append( "<td>" + data[i].studentid + "</td>" + "<td>" + data[i].name + "</td>" + "<td>" + data[i].time + "</td>" ); i++; if(i%3==0) $("tbody").append("<tr>"+"</td>"); 請問該麼解決呢? 謝謝 -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 118.171.189.163 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1498773016.A.F13.html

06/30 12:32, , 1F
Css可以試試看nth-child
06/30 12:32, 1F

06/30 13:08, , 2F
我已經在Html前面有用到nth-child了
06/30 13:08, 2F

06/30 14:26, , 3F
你append進去的html沒有符合表格結構,當然不會有效果
06/30 14:26, 3F

06/30 14:27, , 4F
tbody 裡面你直接 append 了 td ,外層的 tr 不見了
06/30 14:27, 4F

06/30 16:41, , 5F
miau大 我在外面額外append了tr 還是不行
06/30 16:41, 5F

06/30 16:42, , 6F
06/30 16:42, 6F

06/30 16:58, , 7F
if(i%3==0) 都拿掉試試?
06/30 16:58, 7F

06/30 17:07, , 8F
還是不行 格式會跑掉
06/30 17:07, 8F

06/30 17:18, , 9F
append("<tr>") 好像幫你自動</tr>了
06/30 17:18, 9F

06/30 17:57, , 10F
你 tbody append tr 之後 append 的 td 沒在 tr 裡面啊...
06/30 17:57, 10F

06/30 17:58, , 11F
先學會用 developer tool 看 html 結構吧
06/30 17:58, 11F

06/30 18:01, , 12F
看錯i%3, append auto close tag 你可以把一整行都塞進
06/30 18:01, 12F

06/30 18:02, , 13F
string 再 append 然後用m大的方法看 預設F12
06/30 18:02, 13F

06/30 18:54, , 14F
謝謝兩位大大 問題解決了忘記F12可以用來debug
06/30 18:54, 14F

06/30 18:55, , 15F
我是在tbody加入tr 然後在tr裡面插入td
06/30 18:55, 15F
文章代碼(AID): #1PLNOOyJ (Web_Design)
文章代碼(AID): #1PLNOOyJ (Web_Design)