1. 程式人生 > >20170726 jQuery操作表格(table)的常用方法、技巧彙總

20170726 jQuery操作表格(table)的常用方法、技巧彙總


function btnAddRow(){
    //行號是從0開始,最後一行是新增、刪除、儲存按鈕行 故減去2
    var rownum=$("#table1 tr").length-2;
    var chk="<input type='checkbox' id='chk_"+rownum+"' name='chk_"+rownum+"'/>";
    var text="<input type='text' id='txt_"+rownum+"' name='txt_"+rownum+"' width='75px'/>";
    var sel="<select id='sel_"+rownum+"'><option value='1'>男</option><option value='0'>女</option></select>";
    var row="<tr><td>"+chk+"</td><td>"+text+"</td><td>"+sel+"</td><td>"+text+"</td><td>"+text+"</td></tr>";
    $(row).insertAfter($("#table1 tr:eq("+rownum+")"));   
}