0

目前有一个 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> 
4

1 回答 1

3

我必须说这是人们在这里问的最不寻常的事情之一,但是你去吧:

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