獲取和設置內容的位置與jQuery

Question

我有一個table兩行，第一個是thead第二個是tbody（是的，我知道我沒有將這些標籤，不需要更正）。我的目標是獲得每個th的位置。我的總體目標是克隆每個th的內容並將其預先分配給每個相應的td，所以我有一個非常友好的移動表格，除非我不知道如何動態實現此目的。

<tr> 
    <th>1</th> 
    <th>2</th> 
    <th>3</th> 
    <th>4</th> 
</tr> 
<tr> 
    <td>one</td> 
    <td>two</td> 
    <td>three</td> 
    <td>four</td> 
</tr> 

我只是困惑，我怎麼能得到各th的位置，我認爲一旦我有，我可以解決這個問題的其餘部分。任何人都可以給我一個我應該去哪裏的提示嗎？

Answer 1

假設我理解正確你的問題，你想這樣的輸出：

<tr> 
    <th>1</th> 
    <th>2</th> 
    <th>3</th> 
    <th>4</th> 
</tr> 
<tr> 
    <td>1 - one</td> 
    <td>2 - two</td> 
    <td>3 - three</td> 
    <td>4 - four</td> 
</tr> 

如果是這樣，你需要使用index()得到th的列，並根據需要追加。試試這個：

$('tr td').each(function() { 
    var idx = $(this).index(); 
    $(this).prepend($('th').eq(idx).text() + ' - '); 
}); 

Example fiddle