搜索

首页  >  问答  >  正文

javascript - JS怎么给每相隔一行的TD添加filter滤镜?

项目要兼容IE8,其中用了大量的半透明效果,现在要求给表格的每相隔一行的TD添加一个深背景以区分,所以不能写死,请问怎么实现

怪我咯怪我咯2791 天前651

全部回复(4)我来回复

  • 伊谢尔伦

    伊谢尔伦2017-04-11 13:21:16

    不知道你的意思是不是需要下图的效果

    如果是的话,我的做法是:(引用了jQuery,兼容IE8)

    //表格隔行显示不同背景色
    $("table tr:not(:first-child):nth-child(2n+1)").css("background", "#D7E4F5");

    回复
    0
  • ringa_lee

    ringa_lee2017-04-11 13:21:16

    说的是奇偶选择器么

    回复
    0
  • 大家讲道理

    大家讲道理2017-04-11 13:21:16

    dt:nth-child(odd){
        background-color: red
    }
    dt:nth-child(even){
        background-color: #e1e1e1
    }

    回复
    0
  • PHP中文网

    PHP中文网2017-04-11 13:21:16

    ie8有点难办了,如果是几个表格还能用:first-child+li+li{}这样的笨方法,大量的话又不想引用selectivizr.js这样大的组件。1:在js插入数据时动态添加类名,2:后端传入数据时带入类名标识。

    回复
    0
  • 取消回复