javascript - 如何使用 jQuery 构建一个完整的 HTML 表格？

Question

我希望使用 jQuery 构建一个完整的表格。

我尝试从这个问题中学习或模仿

Create table with jQuery - append

但运气不好。

我想要创建的是

<table>
   <thead>
      <tr>                                  
         <th>Problem 5</th>
         <th>Problem 6</th>
      </tr>
   </thead>
   <tbody>
      <tr>
         <td>1</td>
         <td>2</td>
      </tr>
   </tbody>
</table>

我创建的 jQuery 代码是

var $table = $('<table/>');

var $thead = $('<thead/>');
$thead.append('<tr>' + '<th>Problem 5</th>' + '<th>Problem 6</th>' + '</tr>';
$table.append(thead);

var $tbody = $('<tbody/>');
$tbody.append( '<tr><td>1</td><td>2</td></tr>' );
$table.append(tbody);

$('#GroupTable').append($table);

但是运行失败。

谁能告诉我为什么？

Answer 1

您在 $thead 声明中缺少右括号:

$thead.append('<tr>' + '<th>Problem 5</th>' + '<th>Problem 6</th>' + '</tr>'); 
                                                                            ^

并且您没有正确附加变量:

$table.append($thead);
              ^

$table.append($tbody);
              ^

这是一个working fiddle .