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 

                      }