jqeury 动态创建div
案例需求:根据select的option所选值,确定div的生成个数
?
jquery代码:
function choosePersonNum(num)
?{
??$(".temp").remove();
??for(var i=1;i<num;i++)
??{
???var div = $("#templete");
???var newDiv = div.clone(true);
???newDiv.addClass("temp");
???newDiv.insertAfter(div);
???newDiv.show();
??}
?????????????????????
?}
?
html代码
<div id="templete">
????? <table width="100%" border="0" cellspacing="0" cellpadding="0">
??????????????????? <tr>
????????????????????? <td><span name="textfield2" />???????????????????????
??????????????????????? <span name="textfield2" />???????????????????????
??????????????????????? <span name="textfield2" />???????????????????????
??????????????????????? <span />???????????????????????
??????????????????????? <span name="textfield2" />???????????????????????
??????????????????????? <span name="textfield2" />???????????????????????
??????????????????????? <span class="subnav_load_table_sgin">*</span></td>
??????????????????? </tr>
????????????????? </table>
????</div>
?
建立templete模板,然后每次点击select的时候,都要清除一下上次生成的div,这样就不会叠加了