在一个前端开发项目中，交付的时候遇到IOS手机兼容性问题。涉及功能就是点击某个顶级分类，然后自动标注属于这个顶级分类下面的第x个子分类的选中状态, 如图：

$("#superl-nav-top-group :nth-child(" + (top_index + 1) + ")").addClass("group-action");

其中，使用了nth-child，测试在安卓与电脑端都无任何问题，但是苹果IOS手机上异常无效。

解决方案：

//$("#superl-nav-top-group :nth-child(" + (top_index + 1) + ")").addClass("group-action");
            
 // ios兼容
$("#superl-nav-top-group :nth-of-type(" + (top_index + 1) + ")").addClass("group-action");

备注：nth-child 改为 nth-of-type。

如有转载，请注明出处!《js设置指定元素class属性 ios下nth-child无效问题》的原文地址：http://www.xiao6.net/post/251.html