我使用以下 CSS 创建具有棋盘背景的列表项(每个其他列表项都有一个灰色背景，它会移动每一行以创建棋盘图案:
li:nth-child(8n+2), li:nth-child(8n+4), li:nth-child(8n+5), li:nth-child(8n+7) {
background-color:grey;
}
有没有办法使用比 css3 更支持的 jquery 来做到这一点？谢谢
最佳答案
简短回答:是的!
只需将它用作 document.ready 中的选择器，它就可以跨浏览器工作，如下所示:
$(function() {
$("li:nth-child(8n+2), li:nth-child(8n+4), li:nth-child(8n+5), li:nth-child(8n+7)")
.css('background-color','grey');
});
注意:这会在运行时出现的元素上运行，如果您要动态添加/删除元素，只需调用相同的选择器/.css()即可。不过，在这种情况下，我建议使用一个类，因此您可以使用 .addClass('myClass')< 来代替 .css('background-color','grey')/
关于jquery - 使用 jquery 作为 css nth child 的替代品，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/2679296/