0

現在、tr.header td がありますが、空のスレッド 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>
4

1 に答える 1

3

これは、人々がここで尋ねる最も珍しいことの 1 つだと言わざるを得ません。

$("table tr.Header td").each(function(){
  $(this).appendTo($(this).closest('table').find('thead tr th'));
});
于 2013-03-06T20:15:24.163 に答える