Javascript 使用Jquery获取和设置内容的位置

我有一个有两行的

表

，第一行是

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>

1.
2.
3.
4.
一
二
三
四

---

我只是对如何获得每个

th

的位置感到困惑，我想一旦我有了它，我就可以解决这个问题的其余部分。有人能给我一个提示，告诉我该怎么做吗？

假设我正确理解了您的问题，您需要以下输出：

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

---

非常接近我要找的东西，没有什么我做不到的，非常感谢您抽出时间@马克：没问题，很乐意帮忙。

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