[問題] CSS表格顏色無法套用全部
作者: andysleep (Maydayisgod) 2017-06-30 05:50:12
大家好! 我剛學寫網頁
我是寫從資料庫讀取資料並顯示至HTML
方法是用javascript讀取PHP回傳Json格式
並顯示在HTML上
但是遇到一個問題就是CSS設定 卻沒辦法套用在由javascript所新增的表格中
我是打算讓表格的奇偶列不一樣的顏色
![]()
圖片中 藍色部分是在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>");
請問該麼解決呢?
謝謝
我是寫從資料庫讀取資料並顯示至HTML
方法是用javascript讀取PHP回傳Json格式
並顯示在HTML上
但是遇到一個問題就是CSS設定 卻沒辦法套用在由javascript所新增的表格中
我是打算讓表格的奇偶列不一樣的顏色
圖片中 藍色部分是在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>");
請問該麼解決呢?
謝謝
作者: jherk 2017-06-30 12:32:00
Css可以試試看nth-child
作者: andysleep (Maydayisgod) 2017-06-30 13:08:00
我已經在Html前面有用到nth-child了
作者: miau (米奧) 2017-06-30 14:26:00
你append進去的html沒有符合表格結構，當然不會有效果tbody 裡面你直接 append 了 td ，外層的 tr 不見了
作者: andysleep (Maydayisgod) 2017-06-30 16:41:00
miau大 我在外面額外append了tr 還是不行修改如右:https://pastebin.com/Hn9iPANP
作者: tino1991 (深白) 2017-06-30 16:58:00
if(i%3==0) 都拿掉試試?
作者: andysleep (Maydayisgod) 2017-06-30 17:07:00
還是不行 格式會跑掉
作者: tino1991 (深白) 2017-06-30 17:18:00
append("<tr>") 好像幫你自動</tr>了
作者: miau (米奧) 2017-06-30 17:57:00
你 tbody append tr 之後 append 的 td 沒在 tr 裡面啊...先學會用 developer tool 看 html 結構吧
作者: tino1991 (深白) 2017-06-30 18:01:00
看錯i%3, append auto close tag 你可以把一整行都塞進string 再 append 然後用m大的方法看 預設F12
作者: andysleep (Maydayisgod) 2017-06-30 18:54:00
謝謝兩位大大 問題解決了忘記F12可以用來debug我是在tbody加入tr 然後在tr裡面插入td