作者andysleep (Maydayisgod)
看板Web_Design
標題[問題] CSS表格顏色無法套用全部
時間Fri Jun 30 05:50:12 2017
大家好! 我剛學寫網頁
我是寫從資料庫讀取資料並顯示至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://webptt.com/m.aspx?n=bbs/Web_Design/M.1498773016.A.F13.html
1F:→ jherk: Css可以試試看nth-child 06/30 12:32
2F:→ andysleep: 我已經在Html前面有用到nth-child了 06/30 13:08
3F:→ miau: 你append進去的html沒有符合表格結構,當然不會有效果 06/30 14:26
4F:→ miau: tbody 裡面你直接 append 了 td ,外層的 tr 不見了 06/30 14:27
5F:→ andysleep: miau大 我在外面額外append了tr 還是不行 06/30 16:41
7F:→ tino1991: if(i%3==0) 都拿掉試試? 06/30 16:58
8F:→ andysleep: 還是不行 格式會跑掉 06/30 17:07
9F:→ tino1991: append("<tr>") 好像幫你自動</tr>了 06/30 17:18
10F:→ miau: 你 tbody append tr 之後 append 的 td 沒在 tr 裡面啊... 06/30 17:57
11F:→ miau: 先學會用 developer tool 看 html 結構吧 06/30 17:58
12F:→ tino1991: 看錯i%3, append auto close tag 你可以把一整行都塞進 06/30 18:01
13F:→ tino1991: string 再 append 然後用m大的方法看 預設F12 06/30 18:02
14F:→ andysleep: 謝謝兩位大大 問題解決了忘記F12可以用來debug 06/30 18:54
15F:→ andysleep: 我是在tbody加入tr 然後在tr裡面插入td 06/30 18:55