作者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/cn.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