js设置指定元素class属性 ios下nth-child无效问题

信息分类: javascript 发布时间: 2023-08-16 18:34:29 访问量: 272

在一个前端开发项目中,交付的时候遇到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