for 循环遍历数据动态渲染html

    本案例通过ajax动态获取数据，然后遍历出数据渲染html
小心踩坑：因为有时候不注意，渲染页面的时候只能输出最后一个数据
所以正确写法为下:
如果AJAX数据请求成功的情况下：

html           　　
　　　　　　　　 <div class="recommend-list">
                    <ul>
                        <li>
                            <div>
                                <p class="recommend-h"></p>
                                <p class="getTime"></p>
                            </div>
                            <div><img  class="recommend-img"></div>
                        </li>
                    </ul>
                </div>

ajax请求数据：

 

js

                   for(var i = 0;i<$('.recommend-list>ul').children().length;i++){

                     $('.recommend-h')[i].innerHTML=date.info.hotNews[i].title

                     $('.getTime')[i].innerHTML=date.info.hotNews[i].source

                     $('.recommend-img')[i].src = date.info.hotNews[i].imgsrc0 

                      }