在jquery中使用$.each循环数组展示

---

定义和用法
jQuery.each() 函数用于遍历指定的对象和数组。

---

语法
$.each( object, callback )

参数	描述
object	Object类型 指定需要遍历的对象或数组。
callback	Function类型 指定的用于循环执行的函数。

通过这个方法可以将工作中遇到的数据列表进行循环，简单方便，下面是我写的一个案例：

当然这个这个数组对象是我自己模拟的，实际工作中我们只需要根据后台给的数据格式来进行操作。
html:

        @foreach($data as $k=>$a)
        <li id="desc_li" class="descname">
            <div class="courselist">
            <a href="{{url('/index/course/coursecont/'.$a->cou_id)}}">
                <img width="263" style="border-radius:3px 3px 0 0;" src="{{$a->cou_img}}" >
            </a>
            <p class="courTit">{{$a->cou_name}}</p>
            <div class="gray">
            <span>1小时前更新</span>
            <span class="sp1">{{$a->lll}}人学习</span>
            <div style="clear:both"></div>
            </div>
            </div>
       </li>
       @endforeach
       <div class="clearh"></div>
      </ul>

js:

 $.each(data,function(k,v){
        html+="<li id='desc_li' class='descname'>
         	<div class='courselist'>
         		<a  href='{{url("/index/course/coursecont/+data[k].cou_id")}}'>
         			<img width='263' style='border-radius:3px 3px 0 0;' src='"+data[k].cou_img+"' ></a><p class='courTit'>"+data[k].cou_name+"</p><div class='gray'><span>1小时前更新</span><span class='sp1'>"+data[k].lll+"人学习</span><div style='clear:both'></div></div></div></li>";
                    });
                    html+="<div class='clearh'></div>";
                    $(".courseul").append(html);

效果图：

注释：希望我写的代码，能帮助到您们。