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

Question

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

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

使用 jQuery 创建表 - 追加

但没有运气。

我想要创建的是

<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);
              ^

这是一个工作小提琴。

Answer 2

头，tbody 未定义？$头，$tbody？

$table.append(thead);

和

$table.append(tbody);