Что такое Другой способ добавления строки в существующую таблицу HTML (jquery)

Question

Я не добавляю ни одной строки в существующую HTML-таблицу, основываясь на значении, введенном пользователем в текстовом поле.

$('#btn_add').click(function(){                 
            //This would get the complete last row in the html table 
            tr= $("#tbl tr:last").html();
            //This is the input for the no of rows  
            num= $('#noofrowstxtbox').val()*1;          
            //This would give the last row value .Say if 2 rows are there in a table it would give "2"
            x = $("#tbltr:last").attr('id').substr(4)*1;
            //Say for x is "2" and the rows we want to add is "1" then last will become "3"
            last=x+num;                                 
            for(i=x+1;i<=last;i++) {
                var newtr= tr.replace(x,i); 
                newtr= newtr.replace('sno'+x,'sno'+i);              
                newtr= newtr.replace('sname'+x,'sname'+i);
                newtr= newtr.replace('saddress'+x,'saddress'+i);
                $('#tbl').append('<tr id="st_'+i+'">'+newtr+'</tr>');
            }

, но здесь iam Замена последней строки и ее добавление. Есть ли способ сделатьболее эффективно

Answer 1

Что-то вроде

$("#btn-add").click(function(){
    var noOfRowsToBeAdded = parseInt($("#noofrowstxtbox").val());
    var rowsArray = new Array();
    for (i=0; i < noOfRowsToBeAdded; i++) {
        rowsArray.push("<tr><td>content</td></tr>");
    }

    $("#tbl").append(rowsArray.join());
});

Answer 2

попробуйте что-нибудь подобное тоже:

$table.children('tbody').append(row);