javascript - javascriptで入力値を持つテーブルを作成する方法は？

Question

ここで、[保存]ボタンをクリックすると、fancyboxに値が表示されます。この値は、フォームのテーブルに表示されます。これが値の取得コードです。

$(".add-lession").click( function() {
  if($('#ShowDay').val() != ''){
  var ShowDay=$("#ShowDay").val();
}else{
  alert('Please select day');
  return false;
}
  var Date=$("#Date").val();
  var StartTime=$("#StartTime").val();
  var EndTime=$("#EndTime").val();
  var Lession = $("#Lession").val();
  var Description = $("#Description").val();
});

助けてくれてありがとう。

Answer 1

var arr = new Array(ShowDay,Date,StartTime,EndTime,Lesson,Description);

var tableElement = jQuery("<table />");
var trElement = jQuery("<tr/>");
var len = arr.length;
var tdElement;

for(var i=0;i<len;i++){
    tdElement = jQuery("<td/>",{text:arr[i]});
    trElement.append(tdElement);
}

tableElement.append(trElement);

$(".add-lession").parent().append(tableElement);