大家好! 我剛學寫網頁
我是寫從資料庫讀取資料並顯示至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>");
請問該麼解決呢?
謝謝

Css可以試試看nth-child

我已經在Html前面有用到nth-child了

你append進去的html沒有符合表格結構，當然不會有效果tbody 裡面你直接 append 了 td ，外層的 tr 不見了

miau大 我在外面額外append了tr 還是不行修改如右:https://pastebin.com/Hn9iPANP

if(i%3==0) 都拿掉試試?

還是不行 格式會跑掉

append("<tr>") 好像幫你自動</tr>了

你 tbody append tr 之後 append 的 td 沒在 tr 裡面啊...先學會用 developer tool 看 html 結構吧

看錯i%3, append auto close tag 你可以把一整行都塞進string 再 append 然後用m大的方法看 預設F12

謝謝兩位大大 問題解決了忘記F12可以用來debug我是在tbody加入tr 然後在tr裡面插入td