如何使用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。

Answer 2

thead，tbody未定义？ $ thead，$ tbody？

$table.append(thead);

和

$table.append(tbody);