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

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

阅读 3.6k
4 个回答

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

图片描述

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

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

说的是奇偶选择器么

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题