jQuery的追加.header到THEAD TR日

Question

目前有一種tr.header TD，但我需要它是在空THEAD TR日

$("#new table tr.Header td").each(function(){ 
    $(this).appendTo("thead tr th"); 
}); 

其實，這工作，但我的問題是，多個表存在於DOM中。我不需要所有標題中的每個標題。我只需要將每個表格的tr.header附加到the tr tr th。標題1將被附加到表格1的thead ...等等。

我該如何做到這一點？

目前的結果是：

<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> 

Answer 1

我必須說，它是人們詢問這裏最不尋常的事情之一，但在這裏你去：

$("table tr.Header td").each(function(){ 
    $(this).appendTo($(this).closest('table').find('thead tr th')); 
});