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

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

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