Adding rows and columns to a table dynamically with jQuery

Question

I have the following JavaScript code:

function addRowToTable()
{
  var tbl = document.getElementById(\'tblSample\');
  var lastRow = tbl.rows.length;
  // if         


        

Answer 1

I would avoid using strings of HTML and keep creating DOM elements like you had before. jQuery makes this really easy:

var row = $("");
row.append( $("").text("hello") );
$("#tblSample").append(row);

See http://api.jquery.com/jQuery/#jQuery2 for more info.