在表格之前添加新的表格行並在行之間輸入「

Question

我想弄清楚如何讓這個腳本在第一個表格行之前添加一行，並且允許」回車「鍵循環在細胞之間。這裏是我到目前爲止，增加了一個行每行後

var i=$('table tr').length+1; 
$(".addmore").on('click',function(){ 
    addNewRow(); 
}); 

$(document).on('keypress', ".addNewRow", function(e){ 
    var keyCode = e.which ? e.which : e.keyCode; 
    if(keyCode == 9) addNewRow(); 
}); 

var addNewRow = function(id){ 
    html = '<tr id="tr_'+i+'">'; 
    html += '<td><input class="case" id="caseNo_'+i+'" type="checkbox"/></td>'; 
    html += '<td class="prod_c"><input type="text" data-type="product" name="data[product]['+i+'][product_id]" id="product_'+i+'" class="form-control autocomplete_txt" autocomplete="off">'; 
    html +='</td>'; 
    html += '<td><input type="checkbox" name="data[InvoiceDetail]['+i+'][added]" id="added_1'+i+'" class="form-control autocomplete_txt" autocomplete="off"></td>'; 
    html += '</select></td>'; 
    html += '</tr>'; 
    if(typeof id !== "undefined"){ 
     $('#tr_'+id).after(html); 
    }else{ 
     $('table').append(html); 
    } 
    console.log(id); 

    $('#caseNo_'+i).focus(); 

    i++; 

Answer 1

而不是「追加」，使用「前置」，這將解決這一問題

$('table').prepend(html);