js动态追加数据单独设置某一个元素的样式

js动态追加数据单独设置某一个元素的样式。

在开发时,我们有很多数据是从后台获取然后展示的,例如列表,最近开发碰到个需求是获取到列表信息之后,不仅仅是拼接展示出来,还需要将其中的第一个li元素设置成其他的样式类,在网上找了一堆的办法都和自身业务需求不一致,没办法自己通过chrome控制台一点点调试,终于写出来了。

 

 

 

$($this.listZhan).append(str) 是将数据追加到页面展示。

$($this.listZhan)[0].children[0].className = $this.liCg; 是设置第一个li的样式为liCg类。


————————————————
版权声明:本文为CSDN博主「晨晨快跑」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/baidu_38027860/article/details/80389126

posted @ 2021-10-19 17:15  前端白雪  阅读(418)  评论(0编辑  收藏  举报