大家好! 我刚学写网页
我是写从数据库读取资料并显示至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