目前有一个 tr.header td 但我需要它在空的 thead tr th
$("#new table tr.Header td").each(function(){
$(this).appendTo("thead tr th");
});
这实际上有效,但我遇到的问题是 DOM 中存在多个表。我不需要所有标题中的每个标题。我只需要将每个表的 tr.header 附加到 thead tr th。标题 1 将附加到表 1 的标题...等等。
我怎样才能做到这一点?
目前的结果是:
<table>
<thead>
<tr>
<th>Header 1 Header 2 Header 3 Header 4</th>
</tr>
</thead>
<tbody><tr><td>
Row 1
</td></tr>
<tr><td>
Row 2
</td></tr>
<tr><td>
Row 3
</td></tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th>Header 1 Header 2 Header 3 Header 4</th>
</tr>
</thead>
<tbody><tr><td>
Row 1
</td></tr>
<tr><td>
Row 2
</td></tr>
<tr><td>
Row 3
</td></tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th>Header 1 Header 2 Header 3 Header 4</th>
</tr>
</thead>
<tbody><tr><td>
Row 1
</td></tr>
<tr><td>
Row 2
</td></tr>
<tr><td>
Row 3
</td></tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th>Header 1 Header 2 Header 3 Header 4</th>
</tr>
</thead>
<tbody><tr><td>
Row 1
</td></tr>
<tr><td>
Row 2
</td></tr>
<tr><td>
Row 3
</td></tr>
</tbody>
</table>
没有任何 jQuery 的表都看起来像这样:
<table>
<thead>
<tr>
<th></th>
</tr>
</thead>
<tbody><tr class="Header"><td>
Header 1
</td></tr>
<tr><td>
Row 1
</td></tr>
<tr><td>
Row 2
</td></tr>
<tr><td>
Row 3
</td></tr>
</tbody>
</table>