[问题] 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