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

[andysleep (Maydayisgod)]

大家好! 我剛學寫網頁
我是寫從資料庫讀取資料並顯示至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
→ jherk: Css可以試試看nth-child
→ andysleep: 我已經在Html前面有用到nth-child了
→ miau: 你append進去的html沒有符合表格結構，當然不會有效果
→ miau: tbody 裡面你直接 append 了 td ，外層的 tr 不見了
→ andysleep: miau大 我在外面額外append了tr 還是不行
→ andysleep: 修改如右:https://pastebin.com/Hn9iPANP
→ tino1991: if(i%3==0) 都拿掉試試?
→ andysleep: 還是不行 格式會跑掉
→ tino1991: append("<tr>") 好像幫你自動</tr>了
→ miau: 你 tbody append tr 之後 append 的 td 沒在 tr 裡面啊...
→ miau: 先學會用 developer tool 看 html 結構吧
→ tino1991: 看錯i%3, append auto close tag 你可以把一整行都塞進
→ tino1991: string 再 append 然後用m大的方法看 預設F12
→ andysleep: 謝謝兩位大大 問題解決了忘記F12可以用來debug
→ andysleep: 我是在tbody加入tr 然後在tr裡面插入td