有些网站的栏目会在列表前面添加小图标，让整个版面更加好看。如下图：
如何做出这样的前缀小图标的效果呢？对于动态程序循环调用时，是无法直接给每一项添加不同的小图标的。这时，我们可以使用JQUERY的追加功能给不同的栏目添加不同的小图标。
方法如下：
通过FOR循环给列表不同的LI项添加不同的小图标。
<script>
//循环追加动态元素
var nll= $(‘.topnav>li’).length;
for(var i=1;i<=nll;i++){
$(‘.topnav>li:nth-child(‘+i+’)>a’).append(i+”.jpg”);
}
</script>
//循环追加动态元素
var nll= $(‘.topnav>li’).length;
for(var i=1;i<=nll;i++){
$(‘.topnav>li:nth-child(‘+i+’)>a’).append(i+”.jpg”);
}
</script>
通过JQUERY 追加的方式就可以添加不同的小图标了。
免责声明：网所有文字、图片、视频、音频等资料均来自互联网，不代表本站赞同其观点，内容仅提供用户参考，若因此产生任何纠纷，本站概不负责，如有侵权联系本站删除！邮箱:207985384@qq.com https://www.ainiseo.com/jianzhan/61326.html
