jquery使用模板動態添加html元素

1、開發的時候有時候要循環加載list，通常我們在頁面使用<c:foreach>標簽循環加載後臺傳過來的數據。

<c:forEach items="${srModel.bplbatchplanitem}" var="items" varStatus="s">
                        <tr>
                        <td><input name="itemId" type="checkbox" value="${items.id}" mtype
 
="${items.materialType}" ></td>
                        <td>${items.attr1}</td> 
                        <td>${items.materialCode}</td>
                        <td>${items.materialType}</td>
                        <td>${items.materialName}</td>
                        
                        <
 
td>${items.specification}</td>
                        <td>${items.normalDrawing }</td>
                        <td>${items.unit}</td>
                        <fmt:formatNumber pattern="#.########" value="${items.bidNumber}" var="bidNumber"/> 
                        <
 
td>${bidNumber}</td>
                        <fmt:formatNumber pattern="#.########" value="${items.budgetPrice}" var="budgetPrice"/> 
                        <td>${budgetPrice}</td>
                        <fmt:formatNumber pattern="#.########" value="${items.budgetFreightPrice}" var="budgetFreightPrice"/> 
                        <td>${budgetFreightPrice}</td>
                        <fmt:formatNumber pattern="#.########" value="${items.budgetInstallPrice}" var="budgetInstallPrice"/> 
                        <td>${budgetInstallPrice}</td>
                        <fmt:formatNumber pattern="#.########" value="${items.budgetTotalPrice}" var="budgetTotalPrice"/> 
                        <td>${budgetTotalPrice}</td>
                        <td>${items.deliveryPlace}</td>
                        <td>${items.consignee}</td>
                        <td>${items.deliveryStatus}</td>
                        <td>${items.deliveryConditions}</td>
                        <td>${items.deliveryDate}</td>
                        <td>${items.remarks}</td>
                        </tr>
                        </c:forEach>

但有時候我們的數據需要用JS來加載，就不能再使用<c:foreach>了。

解決方法$.format()方法。

2、需要現在jsp裏添加一個隱藏的模板。

3、獲取模板，然後填充占位符。占位符會按{0}{1}...順序填充，可多次出現。

var temp=$.format($("#template1").val());
 $("#tbody1").append(temp("qw","12","ererer","rtrt","1212121","555555555"));//添加元素

jquery使用模板動態添加html元素，相當於jstl裏的foreach