JQuery와 APPEND .header에 THEAD TR

Question

현재 tr.header의 TD있다하지만 난 그게

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

이 실제로 작동하지만 내가 가지고있는 문제가 여러 테이블이다 번째 빈 THEAD의 TR에있을 필요 번째 DOM에 존재한다. 모든 헤더에 모든 단일 헤더가 필요하지 않습니다. 각 테이블의 tr.header가 thead tr th에 추가 되기만하면됩니다. 헤더 1은 테이블 1의 테드에 추가됩니다 ... 등등.

어떻게하면됩니까?

현재 결과는 다음과 같습니다 어떤 jQuery를하지 않고

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

테이블 모두가 다음과 같이 나타납니다

<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')); 
});