jquery遍历添加类名

 

现在有一个需求，我要往这5个侧边栏添加5个类名，是图标的。 

 

 

因为后端是php，他已经渲染了，突然要添加这5个图标，我不想麻烦他，那我们就自己插入吧

  @foreach($cate as $v)
                                  <li class="nav-li">
                                      <a href="{{url('category/'.$v->id)}}"><i class="iconfont navIcon"></i>{{$v->cat_name}}</a>
                                      <i class="iconfont icon-youjiantou"></i>
                                  </li>
  @endforeach
//在标签里面这个是后端遍历的，我们要看我定义navIcon这个类，他的数组也是5个

script

  // 遍历添加图标数组类
        // navIcon
//例子
        // $.each( [0,1,2], function(i, n){
        //     alert( "Item #" + i + ": " + n );
        // });



        var fruit=['icon-shishang','icon-shuma','icon-zhubaoshipin','icon-lanqiu','icon-gongyesheji']

        $('.navIcon').each(function(i){
            $(this).addClass(fruit[i])
        })

 

这样我们就能把navIcon的类一一对应添加上面的类名了

 

效果