For loop traversal data rendering HTML dynamically

This case takes data dynamically through Ajax and then iterates through the data rendering HTML
Tread carefully: Because sometimes do not notice, render the page can only output the last data
So the correct wording for the following:
If the AJAX data request succeeds:

Html
<divclass="recommend-list"> <ul> <li> <div> <pclass="recommend-h"></p> <pclass="GetTime"></p> </div> <div>class="recommend-img"></div> </li> </ul> </div>

Ajax Request Data:

Js

for (var i = 0;i<$ ('. Recommend-list>ul '). Children (). length;i++) {$ ('. Recommend-h ') [I].innerhtml=d Ate.info.hotnews[i].title $ ('. GetTime ') [I].innerhtml=date.info.hotnews[i].source $ ('. Recommend-img ') [I].SRC = date.info.hotnews[i].imgsrc0}

For loop traversal data rendering HTML dynamically