css表格的应用
css表格的应用
南瓜一号 发表于10个月前
css表格的应用
  • 发表于 10个月前
  • 阅读 3
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 十分钟定制你的第一个小程序>>>   

var tbodyhtml=""; for(var j=0;j<userinfos.length;j++){ var userinfo=userinfos[j]; tbodyhtml+='<tr>'; tbodyhtml+='<td width="100px">'+userinfo.username+'</td>'; tbodyhtml+='<td width="100px">'+userinfo.age+'</td>'; tbodyhtml+='<td width="100px">'+userinfo.sex+'</td>'; tbodyhtml+='</tr>'; } $("#body").html(tbodyhtml); $("#body1").html($("#body").html()); }这里用到的jQuery的.html方法, 选取一个标签,然后给他传值进去。开始样式插入代码后,将会把json中的值放入表格中"$("#body").html(tbodyhtml);"这一段就是把你遍历出来的html代码放到这个id下面的里面。tr:nth-child(2n){ background-color:#ff0000; }设置行数的背景色,``` tr:nth-child(2n):hover { background-color:#99FF66; color:#0000CC; }

共有 人打赏支持
粉丝 2
博文 10
码字总数 2998
×
南瓜一号
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: