在线求解决，js arrayList

想在三个div里自动插入div，但是结果插入的都是abList的最后一条，结果是一样的标签
$(function() {
   <% for(int i=0;i<abList.size();i++){ %>
<% AbilityBean ab=new AbilityBean();
   ab=abList.get(i);
   //System.out.println(ab.getPosition());
%>
<%if(i%3==0) {%>
$("#dom0").append(retHtml());
<% } %>
<%if(i%3==1) {%>
$("#dom1").append(retHtml());
<% } %>
<%if(i%3==2) {%>
$("#dom2").append(retHtml());
<% } %>
function retHtml() {
<%System.out.println(i+","+ab.getPosition());%>
var str="<div id='Layer<%=ab.getAbilityID()%>' style='border: 1px solid #F00; margin-top:10px;'><p class='Nums'>标签预览：<a href='CAMCl?type=delete4&ID=<%=ab.getAbilityID() %>&selStuID=<%=ab.getStudentID() %>'><img src='Style/Default/images/close.gif' alt='关闭'/></a></p>"
   +"<p class='Detail'><img src='<%=ab.getShowStyle()%>' alt='默认' width='50' height='50' id='IconImg'>"
       +"<span class='Head' id='AuthorNeames'><%=ab.getPosition()%></span><br><span class='Head' id='AuthorRes'><%=ab.getRole()%></span><br><span class='AreaText' id='AuthorRole'></span><br><span id='AuthorScore' class='AreaText'></span><br>"
       +"<span id='AreaText' class='AreaText'><%=ab.getRes()%></span></p>"
       +"<p class='Date'><%=ab.getUpDate()%></p>"
       +"</div>";
return str;
}
<%}%>
})